@alicloud/alfa-react 1.4.40-alpha.0 → 1.4.40
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/LICENSE +21 -0
- package/es/components/ErrorBoundary/ErrorPanel.js +0 -2
- package/es/components/ErrorBoundary/index.js +7 -19
- package/es/components/Loading/Paragraph.js +9 -25
- package/es/components/Loading/Skeleton.js +14 -46
- package/es/components/Loading/Title.js +3 -8
- package/es/components/Loading/index.js +0 -2
- package/es/createAlfaApp.js +6 -10
- package/es/createAlfaWidget.js +16 -28
- package/es/createApplication.js +142 -188
- package/es/hooks/beforeLoadHook.js +60 -81
- package/es/hooks/beforeResolveHook.js +24 -29
- package/es/index.js +2 -2
- package/es/types/base.js +0 -9
- package/es/utils/counter.js +1 -3
- package/es/utils/getConsoleConfig.js +13 -32
- package/es/utils/getConsoleGlobal.js +6 -13
- package/es/utils/index.js +2 -1
- package/es/version.js +1 -1
- package/es/widget/emitter.js +2 -11
- package/es/widget/env.js +2 -4
- package/es/widget/getWidgetConfigById.js +19 -27
- package/es/widget/getWidgetDeps.js +104 -130
- package/es/widget/getWidgetVersionById.js +79 -106
- package/es/widget.js +45 -58
- package/lib/addGlobalRequestInterceptor.js +0 -2
- package/lib/components/ErrorBoundary/ErrorPanel.js +0 -5
- package/lib/components/ErrorBoundary/index.js +7 -25
- package/lib/components/Loading/Paragraph.js +9 -32
- package/lib/components/Loading/Skeleton.js +14 -60
- package/lib/components/Loading/Title.js +3 -14
- package/lib/components/Loading/index.js +0 -6
- package/lib/createAlfaApp.js +6 -24
- package/lib/createAlfaWidget.js +16 -45
- package/lib/createApplication.js +142 -199
- package/lib/hooks/beforeLoadHook.js +60 -88
- package/lib/hooks/beforeResolveHook.js +21 -33
- package/lib/index.js +0 -9
- package/lib/types/base.js +0 -14
- package/lib/utils/counter.js +1 -4
- package/lib/utils/getConsoleConfig.js +12 -37
- package/lib/utils/getConsoleGlobal.js +6 -18
- package/lib/utils/index.js +2 -5
- package/lib/version.js +1 -1
- package/lib/widget/emitter.js +2 -16
- package/lib/widget/env.js +2 -6
- package/lib/widget/getWidgetConfigById.js +19 -36
- package/lib/widget/getWidgetDeps.js +103 -146
- package/lib/widget/getWidgetVersionById.js +79 -113
- package/lib/widget/index.js +0 -8
- package/lib/widget.js +45 -72
- package/package.json +22 -19
- package/types/components/ErrorBoundary/index.d.ts +1 -1
- package/types/components/Loading/Paragraph.d.ts +2 -2
- package/types/components/Loading/Skeleton.d.ts +2 -2
- package/types/components/Loading/Title.d.ts +2 -2
- package/types/components/Loading/index.d.ts +1 -1
- package/types/createAlfaApp.d.ts +3 -3
- package/types/createAlfaWidget.d.ts +3 -3
- package/types/createApplication.d.ts +2 -2
- package/types/types/index.d.ts +5 -5
- package/types/utils/getConsoleConfig.d.ts +4 -2
- package/types/utils/getConsoleGlobal.d.ts +3 -1
- package/types/version.d.ts +1 -1
- package/types/widget/getWidgetDeps.d.ts +1 -1
- package/types/widget.d.ts +2 -2
- package/dist/index.js +0 -21
- package/es/app.js +0 -194
- package/es/hooks/afterLoadHook.js +0 -69
- package/lib/app.d.ts +0 -3
- package/lib/app.js +0 -223
- package/lib/components/ErrorBoundary/ErrorPanel.d.ts +0 -6
- package/lib/components/ErrorBoundary/index.d.ts +0 -17
- package/lib/components/Loading/Paragraph.d.ts +0 -14
- package/lib/components/Loading/Skeleton.d.ts +0 -19
- package/lib/components/Loading/Title.d.ts +0 -8
- package/lib/components/Loading/index.d.ts +0 -4
- package/lib/components/Loading/style.d.ts +0 -2
- package/lib/createAlfaApp.d.ts +0 -7
- package/lib/createAlfaWidget.d.ts +0 -4
- package/lib/createApplication.d.ts +0 -12
- package/lib/hooks/afterLoadHook.d.ts +0 -3
- package/lib/hooks/afterLoadHook.js +0 -84
- package/lib/hooks/beforeLoadHook.d.ts +0 -3
- package/lib/hooks/beforeResolveHook.d.ts +0 -3
- package/lib/index.d.ts +0 -4
- package/lib/types/base.d.ts +0 -11
- package/lib/types/index.d.ts +0 -91
- package/lib/utils/getConsoleConfig.d.ts +0 -1
- package/lib/utils/getConsoleGlobal.d.ts +0 -1
- package/lib/utils/index.d.ts +0 -1
- package/lib/version.d.ts +0 -1
- package/lib/widget/emitter.d.ts +0 -8
- package/lib/widget/env.d.ts +0 -4
- package/lib/widget/getWidgetConfigById.d.ts +0 -2
- package/lib/widget/getWidgetDeps.d.ts +0 -2
- package/lib/widget/getWidgetVersionById.d.ts +0 -6
- package/lib/widget/index.d.ts +0 -4
- package/lib/widget.d.ts +0 -2
package/es/app.js
DELETED
|
@@ -1,194 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
-
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
3
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
4
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
5
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
6
|
-
|
|
7
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
8
|
-
|
|
9
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
10
|
-
|
|
11
|
-
import React, { Suspense, lazy, useRef, useEffect, useState } from 'react';
|
|
12
|
-
import { getManifest, getLocale, createMicroApp } from '@alicloud/alfa-core';
|
|
13
|
-
import Loading from './components/Loading';
|
|
14
|
-
import { AlfaFactoryOption } from './types';
|
|
15
|
-
import ErrorBoundary from './components/ErrorBoundary';
|
|
16
|
-
import { getConsoleConfig } from './utils/getConsoleConfig';
|
|
17
|
-
import { normalizeName } from './utils';
|
|
18
|
-
|
|
19
|
-
var getProps = function getProps(props) {
|
|
20
|
-
var parcelProps = _objectSpread({}, props);
|
|
21
|
-
|
|
22
|
-
delete parcelProps.manifest;
|
|
23
|
-
delete parcelProps.sandbox;
|
|
24
|
-
delete parcelProps.loading;
|
|
25
|
-
delete parcelProps.entry;
|
|
26
|
-
delete parcelProps.container;
|
|
27
|
-
delete parcelProps.logger;
|
|
28
|
-
delete parcelProps.env;
|
|
29
|
-
delete parcelProps.dependencies;
|
|
30
|
-
return parcelProps;
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
var Application = function Application(props) {
|
|
34
|
-
var sandbox = props.sandbox,
|
|
35
|
-
name = props.name,
|
|
36
|
-
loading = props.loading,
|
|
37
|
-
style = props.style,
|
|
38
|
-
className = props.className,
|
|
39
|
-
consoleConfig = props.consoleConfig,
|
|
40
|
-
i18nMessages = props.i18nMessages;
|
|
41
|
-
|
|
42
|
-
var _useState = useState(false),
|
|
43
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
44
|
-
mounted = _useState2[0],
|
|
45
|
-
setMounted = _useState2[1];
|
|
46
|
-
|
|
47
|
-
var _useState3 = useState(null),
|
|
48
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
49
|
-
app = _useState4[0],
|
|
50
|
-
setApp = _useState4[1];
|
|
51
|
-
|
|
52
|
-
var appRef = useRef(null);
|
|
53
|
-
useEffect(function () {
|
|
54
|
-
_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
55
|
-
var App;
|
|
56
|
-
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
57
|
-
while (1) {
|
|
58
|
-
switch (_context.prev = _context.next) {
|
|
59
|
-
case 0:
|
|
60
|
-
_context.next = 2;
|
|
61
|
-
return createMicroApp(_objectSpread(_objectSpread({}, props), {}, {
|
|
62
|
-
container: appRef.current,
|
|
63
|
-
props: getProps(props)
|
|
64
|
-
}), {
|
|
65
|
-
sandbox: sandbox
|
|
66
|
-
});
|
|
67
|
-
|
|
68
|
-
case 2:
|
|
69
|
-
App = _context.sent;
|
|
70
|
-
|
|
71
|
-
if (App.context && App.context) {
|
|
72
|
-
App.context.window.ALIYUN_CONSOLE_CONFIG = consoleConfig;
|
|
73
|
-
App.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
_context.next = 6;
|
|
77
|
-
return App.load();
|
|
78
|
-
|
|
79
|
-
case 6:
|
|
80
|
-
if (appRef.current) {
|
|
81
|
-
_context.next = 8;
|
|
82
|
-
break;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
return _context.abrupt("return");
|
|
86
|
-
|
|
87
|
-
case 8:
|
|
88
|
-
_context.next = 10;
|
|
89
|
-
return App.mount(appRef.current, {
|
|
90
|
-
customProps: getProps(props)
|
|
91
|
-
});
|
|
92
|
-
|
|
93
|
-
case 10:
|
|
94
|
-
setMounted(true);
|
|
95
|
-
setApp(App);
|
|
96
|
-
|
|
97
|
-
case 12:
|
|
98
|
-
case "end":
|
|
99
|
-
return _context.stop();
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
}, _callee);
|
|
103
|
-
}))();
|
|
104
|
-
|
|
105
|
-
return function () {
|
|
106
|
-
app && app.unmount();
|
|
107
|
-
};
|
|
108
|
-
});
|
|
109
|
-
|
|
110
|
-
if (app) {
|
|
111
|
-
app.update(getProps(props));
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, !mounted && /*#__PURE__*/React.createElement(Loading, {
|
|
115
|
-
loading: loading
|
|
116
|
-
}), sandbox && sandbox !== true && sandbox.disableFakeBody ? /*#__PURE__*/React.createElement(name, {
|
|
117
|
-
style: style,
|
|
118
|
-
className: className,
|
|
119
|
-
ref: appRef,
|
|
120
|
-
dataId: name
|
|
121
|
-
}) : /*#__PURE__*/React.createElement(name, {}, /*#__PURE__*/React.createElement('div', {
|
|
122
|
-
ref: appRef
|
|
123
|
-
})));
|
|
124
|
-
};
|
|
125
|
-
|
|
126
|
-
export function createAlfaApp(option) {
|
|
127
|
-
var name = option.name,
|
|
128
|
-
loading = option.loading,
|
|
129
|
-
manifest = option.manifest;
|
|
130
|
-
var AlfaApp = /*#__PURE__*/lazy( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
131
|
-
var resolvedManifest, consoleConfig, messages, i18nMessages, App;
|
|
132
|
-
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
133
|
-
while (1) {
|
|
134
|
-
switch (_context2.prev = _context2.next) {
|
|
135
|
-
case 0:
|
|
136
|
-
resolvedManifest = manifest;
|
|
137
|
-
|
|
138
|
-
if (manifest) {
|
|
139
|
-
_context2.next = 5;
|
|
140
|
-
break;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
_context2.next = 4;
|
|
144
|
-
return getManifest(option);
|
|
145
|
-
|
|
146
|
-
case 4:
|
|
147
|
-
resolvedManifest = _context2.sent;
|
|
148
|
-
|
|
149
|
-
case 5:
|
|
150
|
-
consoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
|
|
151
|
-
_context2.next = 8;
|
|
152
|
-
return getConsoleConfig(option, consoleConfig);
|
|
153
|
-
|
|
154
|
-
case 8:
|
|
155
|
-
consoleConfig = _context2.sent;
|
|
156
|
-
_context2.next = 11;
|
|
157
|
-
return getLocale(option);
|
|
158
|
-
|
|
159
|
-
case 11:
|
|
160
|
-
messages = _context2.sent;
|
|
161
|
-
i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages);
|
|
162
|
-
|
|
163
|
-
App = function App(props) {
|
|
164
|
-
return /*#__PURE__*/React.createElement(Application, _extends({
|
|
165
|
-
manifest: resolvedManifest
|
|
166
|
-
}, props, {
|
|
167
|
-
name: normalizeName(name),
|
|
168
|
-
consoleConfig: consoleConfig,
|
|
169
|
-
i18nMessages: i18nMessages
|
|
170
|
-
}));
|
|
171
|
-
};
|
|
172
|
-
|
|
173
|
-
return _context2.abrupt("return", {
|
|
174
|
-
default: App
|
|
175
|
-
});
|
|
176
|
-
|
|
177
|
-
case 15:
|
|
178
|
-
case "end":
|
|
179
|
-
return _context2.stop();
|
|
180
|
-
}
|
|
181
|
-
}
|
|
182
|
-
}, _callee2);
|
|
183
|
-
})));
|
|
184
|
-
return function (props) {
|
|
185
|
-
return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(Suspense, {
|
|
186
|
-
fallback: /*#__PURE__*/React.createElement(Loading, {
|
|
187
|
-
loading: loading
|
|
188
|
-
})
|
|
189
|
-
}, /*#__PURE__*/React.createElement(AlfaApp, _extends({}, option, {
|
|
190
|
-
deps: option.dependencies || {}
|
|
191
|
-
}, props))));
|
|
192
|
-
};
|
|
193
|
-
}
|
|
194
|
-
export { AlfaFactoryOption };
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9
|
-
|
|
10
|
-
import { getLocale } from '@alicloud/alfa-core';
|
|
11
|
-
import { getConsoleConfig } from '../utils/getConsoleConfig'; // inject consoleConfig & locales after load
|
|
12
|
-
|
|
13
|
-
function afterLoadHook(_x) {
|
|
14
|
-
return _afterLoadHook.apply(this, arguments);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
function _afterLoadHook() {
|
|
18
|
-
_afterLoadHook = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
|
|
19
|
-
var app, logger, defaultConsoleConfig, CONFIG_START_TIME, _yield$Promise$all$ca, _yield$Promise$all$ca2, consoleConfig, messages, CONFIG_END_TIME, i18nMessages, END_TIME;
|
|
20
|
-
|
|
21
|
-
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
22
|
-
while (1) {
|
|
23
|
-
switch (_context.prev = _context.next) {
|
|
24
|
-
case 0:
|
|
25
|
-
app = appConfig.app, logger = appConfig.logger;
|
|
26
|
-
defaultConsoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
|
|
27
|
-
CONFIG_START_TIME = Date.now();
|
|
28
|
-
_context.next = 5;
|
|
29
|
-
return Promise.all([getConsoleConfig(appConfig, defaultConsoleConfig), getLocale(appConfig)]).catch(function (e) {
|
|
30
|
-
logger === null || logger === void 0 ? void 0 : logger.error({
|
|
31
|
-
E_MSG: 'fetch config & locale error.',
|
|
32
|
-
E_STACK: e
|
|
33
|
-
});
|
|
34
|
-
return [{}, {}];
|
|
35
|
-
});
|
|
36
|
-
|
|
37
|
-
case 5:
|
|
38
|
-
_yield$Promise$all$ca = _context.sent;
|
|
39
|
-
_yield$Promise$all$ca2 = _slicedToArray(_yield$Promise$all$ca, 2);
|
|
40
|
-
consoleConfig = _yield$Promise$all$ca2[0];
|
|
41
|
-
messages = _yield$Promise$all$ca2[1];
|
|
42
|
-
CONFIG_END_TIME = Date.now();
|
|
43
|
-
i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages);
|
|
44
|
-
|
|
45
|
-
if (app && app.context) {
|
|
46
|
-
app.context.window.ALIYUN_CONSOLE_CONFIG = consoleConfig;
|
|
47
|
-
app.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages; // (app.context.history as any) = {};
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
END_TIME = Date.now();
|
|
51
|
-
logger === null || logger === void 0 ? void 0 : logger.record({
|
|
52
|
-
CONFIG_START_TIME: CONFIG_START_TIME,
|
|
53
|
-
CONFIG_END_TIME: CONFIG_END_TIME,
|
|
54
|
-
END_TIME: END_TIME
|
|
55
|
-
});
|
|
56
|
-
logger === null || logger === void 0 ? void 0 : logger.send();
|
|
57
|
-
return _context.abrupt("return", appConfig);
|
|
58
|
-
|
|
59
|
-
case 16:
|
|
60
|
-
case "end":
|
|
61
|
-
return _context.stop();
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}, _callee);
|
|
65
|
-
}));
|
|
66
|
-
return _afterLoadHook.apply(this, arguments);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
export default afterLoadHook;
|
package/lib/app.d.ts
DELETED
package/lib/app.js
DELETED
|
@@ -1,223 +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
|
-
Object.defineProperty(exports, "AlfaFactoryOption", {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function get() {
|
|
13
|
-
return _types.AlfaFactoryOption;
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
exports.createAlfaApp = createAlfaApp;
|
|
17
|
-
|
|
18
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
19
|
-
|
|
20
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
21
|
-
|
|
22
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
23
|
-
|
|
24
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
25
|
-
|
|
26
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
|
-
|
|
28
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
29
|
-
|
|
30
|
-
var _alfaCore = require("@alicloud/alfa-core");
|
|
31
|
-
|
|
32
|
-
var _Loading = _interopRequireDefault(require("./components/Loading"));
|
|
33
|
-
|
|
34
|
-
var _types = require("./types");
|
|
35
|
-
|
|
36
|
-
var _ErrorBoundary = _interopRequireDefault(require("./components/ErrorBoundary"));
|
|
37
|
-
|
|
38
|
-
var _getConsoleConfig = require("./utils/getConsoleConfig");
|
|
39
|
-
|
|
40
|
-
var _utils = require("./utils");
|
|
41
|
-
|
|
42
|
-
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); }
|
|
43
|
-
|
|
44
|
-
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; }
|
|
45
|
-
|
|
46
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
47
|
-
|
|
48
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
49
|
-
|
|
50
|
-
var getProps = function getProps(props) {
|
|
51
|
-
var parcelProps = _objectSpread({}, props);
|
|
52
|
-
|
|
53
|
-
delete parcelProps.manifest;
|
|
54
|
-
delete parcelProps.sandbox;
|
|
55
|
-
delete parcelProps.loading;
|
|
56
|
-
delete parcelProps.entry;
|
|
57
|
-
delete parcelProps.container;
|
|
58
|
-
delete parcelProps.logger;
|
|
59
|
-
delete parcelProps.env;
|
|
60
|
-
delete parcelProps.dependencies;
|
|
61
|
-
return parcelProps;
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
var Application = function Application(props) {
|
|
65
|
-
var sandbox = props.sandbox,
|
|
66
|
-
name = props.name,
|
|
67
|
-
loading = props.loading,
|
|
68
|
-
style = props.style,
|
|
69
|
-
className = props.className,
|
|
70
|
-
consoleConfig = props.consoleConfig,
|
|
71
|
-
i18nMessages = props.i18nMessages;
|
|
72
|
-
|
|
73
|
-
var _useState = (0, _react.useState)(false),
|
|
74
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
75
|
-
mounted = _useState2[0],
|
|
76
|
-
setMounted = _useState2[1];
|
|
77
|
-
|
|
78
|
-
var _useState3 = (0, _react.useState)(null),
|
|
79
|
-
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
80
|
-
app = _useState4[0],
|
|
81
|
-
setApp = _useState4[1];
|
|
82
|
-
|
|
83
|
-
var appRef = (0, _react.useRef)(undefined);
|
|
84
|
-
(0, _react.useEffect)(function () {
|
|
85
|
-
(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
86
|
-
var App;
|
|
87
|
-
return _regenerator.default.wrap(function _callee$(_context) {
|
|
88
|
-
while (1) {
|
|
89
|
-
switch (_context.prev = _context.next) {
|
|
90
|
-
case 0:
|
|
91
|
-
_context.next = 2;
|
|
92
|
-
return (0, _alfaCore.createMicroApp)(_objectSpread(_objectSpread({}, props), {}, {
|
|
93
|
-
container: appRef.current,
|
|
94
|
-
props: getProps(props)
|
|
95
|
-
}), {
|
|
96
|
-
sandbox: sandbox
|
|
97
|
-
});
|
|
98
|
-
|
|
99
|
-
case 2:
|
|
100
|
-
App = _context.sent;
|
|
101
|
-
|
|
102
|
-
if (App.context && App.context) {
|
|
103
|
-
App.context.window.ALIYUN_CONSOLE_CONFIG = consoleConfig;
|
|
104
|
-
App.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
_context.next = 6;
|
|
108
|
-
return App.load();
|
|
109
|
-
|
|
110
|
-
case 6:
|
|
111
|
-
if (appRef.current) {
|
|
112
|
-
_context.next = 8;
|
|
113
|
-
break;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
return _context.abrupt("return");
|
|
117
|
-
|
|
118
|
-
case 8:
|
|
119
|
-
_context.next = 10;
|
|
120
|
-
return App.mount(appRef.current, {
|
|
121
|
-
customProps: getProps(props)
|
|
122
|
-
});
|
|
123
|
-
|
|
124
|
-
case 10:
|
|
125
|
-
setMounted(true);
|
|
126
|
-
setApp(App);
|
|
127
|
-
|
|
128
|
-
case 12:
|
|
129
|
-
case "end":
|
|
130
|
-
return _context.stop();
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
}, _callee);
|
|
134
|
-
}))();
|
|
135
|
-
return function () {
|
|
136
|
-
app && app.unmount();
|
|
137
|
-
};
|
|
138
|
-
});
|
|
139
|
-
|
|
140
|
-
if (app) {
|
|
141
|
-
app.update(getProps(props));
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !mounted && /*#__PURE__*/_react.default.createElement(_Loading.default, {
|
|
145
|
-
loading: loading
|
|
146
|
-
}), sandbox && sandbox !== true && sandbox.disableFakeBody ? /*#__PURE__*/_react.default.createElement(name, {
|
|
147
|
-
style: style,
|
|
148
|
-
className: className,
|
|
149
|
-
ref: appRef,
|
|
150
|
-
dataId: name
|
|
151
|
-
}) : /*#__PURE__*/_react.default.createElement(name, {}, /*#__PURE__*/_react.default.createElement('div', {
|
|
152
|
-
ref: appRef
|
|
153
|
-
})));
|
|
154
|
-
};
|
|
155
|
-
|
|
156
|
-
function createAlfaApp(option) {
|
|
157
|
-
var name = option.name,
|
|
158
|
-
loading = option.loading,
|
|
159
|
-
manifest = option.manifest;
|
|
160
|
-
var AlfaApp = /*#__PURE__*/(0, _react.lazy)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
|
|
161
|
-
var resolvedManifest, consoleConfig, messages, i18nMessages, App;
|
|
162
|
-
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
163
|
-
while (1) {
|
|
164
|
-
switch (_context2.prev = _context2.next) {
|
|
165
|
-
case 0:
|
|
166
|
-
resolvedManifest = manifest;
|
|
167
|
-
|
|
168
|
-
if (manifest) {
|
|
169
|
-
_context2.next = 5;
|
|
170
|
-
break;
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
_context2.next = 4;
|
|
174
|
-
return (0, _alfaCore.getManifest)(option);
|
|
175
|
-
|
|
176
|
-
case 4:
|
|
177
|
-
resolvedManifest = _context2.sent;
|
|
178
|
-
|
|
179
|
-
case 5:
|
|
180
|
-
consoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
|
|
181
|
-
_context2.next = 8;
|
|
182
|
-
return (0, _getConsoleConfig.getConsoleConfig)(option, consoleConfig);
|
|
183
|
-
|
|
184
|
-
case 8:
|
|
185
|
-
consoleConfig = _context2.sent;
|
|
186
|
-
_context2.next = 11;
|
|
187
|
-
return (0, _alfaCore.getLocale)(option);
|
|
188
|
-
|
|
189
|
-
case 11:
|
|
190
|
-
messages = _context2.sent;
|
|
191
|
-
i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages);
|
|
192
|
-
|
|
193
|
-
App = function App(props) {
|
|
194
|
-
return /*#__PURE__*/_react.default.createElement(Application, (0, _extends2.default)({
|
|
195
|
-
manifest: resolvedManifest
|
|
196
|
-
}, props, {
|
|
197
|
-
name: (0, _utils.normalizeName)(name),
|
|
198
|
-
consoleConfig: consoleConfig,
|
|
199
|
-
i18nMessages: i18nMessages
|
|
200
|
-
}));
|
|
201
|
-
};
|
|
202
|
-
|
|
203
|
-
return _context2.abrupt("return", {
|
|
204
|
-
default: App
|
|
205
|
-
});
|
|
206
|
-
|
|
207
|
-
case 15:
|
|
208
|
-
case "end":
|
|
209
|
-
return _context2.stop();
|
|
210
|
-
}
|
|
211
|
-
}
|
|
212
|
-
}, _callee2);
|
|
213
|
-
})));
|
|
214
|
-
return function (props) {
|
|
215
|
-
return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
|
|
216
|
-
fallback: /*#__PURE__*/_react.default.createElement(_Loading.default, {
|
|
217
|
-
loading: loading
|
|
218
|
-
})
|
|
219
|
-
}, /*#__PURE__*/_react.default.createElement(AlfaApp, (0, _extends2.default)({}, option, {
|
|
220
|
-
deps: option.dependencies || {}
|
|
221
|
-
}, props))));
|
|
222
|
-
};
|
|
223
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React, { ErrorInfo } from 'react';
|
|
2
|
-
import { AlfaLogger } from '@alicloud/alfa-core';
|
|
3
|
-
interface IProps {
|
|
4
|
-
fallbackRender?: (error?: Error) => Element;
|
|
5
|
-
appDidCatch?: (error?: Error, info?: ErrorInfo) => void;
|
|
6
|
-
logger?: AlfaLogger;
|
|
7
|
-
}
|
|
8
|
-
interface State {
|
|
9
|
-
hasError: boolean;
|
|
10
|
-
error?: Error;
|
|
11
|
-
}
|
|
12
|
-
declare class ErrorBoundary extends React.Component<IProps, State> {
|
|
13
|
-
constructor(props: IProps);
|
|
14
|
-
componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
|
|
15
|
-
render(): {} | null | undefined;
|
|
16
|
-
}
|
|
17
|
-
export default ErrorBoundary;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare type widthUnit = number | string;
|
|
3
|
-
export interface SkeletonParagraphProps {
|
|
4
|
-
prefixCls?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
style?: object;
|
|
7
|
-
width?: widthUnit | widthUnit[];
|
|
8
|
-
rows?: number;
|
|
9
|
-
}
|
|
10
|
-
declare class Paragraph extends React.Component<SkeletonParagraphProps, {}> {
|
|
11
|
-
private getWidth;
|
|
12
|
-
render(): JSX.Element;
|
|
13
|
-
}
|
|
14
|
-
export default Paragraph;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { SkeletonTitleProps } from './Title';
|
|
3
|
-
import { SkeletonParagraphProps } from './Paragraph';
|
|
4
|
-
export interface SkeletonProps {
|
|
5
|
-
active?: boolean;
|
|
6
|
-
loading?: boolean;
|
|
7
|
-
prefixCls?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
title?: SkeletonTitleProps | boolean;
|
|
11
|
-
paragraph?: SkeletonParagraphProps | boolean;
|
|
12
|
-
}
|
|
13
|
-
declare class Skeleton extends React.Component<SkeletonProps, any> {
|
|
14
|
-
static defaultProps: Partial<SkeletonProps>;
|
|
15
|
-
componentDidMount(): void;
|
|
16
|
-
renderSkeleton: () => {} | null | undefined;
|
|
17
|
-
render(): {} | null | undefined;
|
|
18
|
-
}
|
|
19
|
-
export default Skeleton;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
declare const _default: "\n.-os-skeleton * {\n box-sizing: border-box;\n}\n.-os-skeleton {\n box-sizing: border-box;\n display: table;\n width: 100%;\n padding: 24px;\n}\n\n.-os-skeleton-header {\n display: table-cell;\n padding-right: 16px;\n vertical-align: top\n}\n\n\n.-os-skeleton-content {\n display: table-cell;\n width: 100%;\n vertical-align: top\n}\n\n.-os-skeleton-content .-os-skeleton-title {\n width: 100%;\n height: 16px;\n margin-top: 16px;\n background: #f2f2f2\n}\n\n.-os-skeleton-content .-os-skeleton-title+.-os-skeleton-paragraph {\n margin-top: 24px\n}\n\n.-os-skeleton-content .-os-skeleton-paragraph {\n padding: 0\n}\n\n.-os-skeleton-content .-os-skeleton-paragraph>li {\n width: 100%;\n height: 16px;\n list-style: none;\n background: #f2f2f2\n}\n\n.-os-skeleton-content .-os-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)) {\n width: 61%\n}\n\n.-os-skeleton-content .-os-skeleton-paragraph>li+li {\n margin-top: 16px\n}\n\n.-os-skeleton.-os-skeleton-active .-os-skeleton-content .-os-skeleton-title,.-os-skeleton.-os-skeleton-active .-os-skeleton-content .-os-skeleton-paragraph>li {\n background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));\n background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);\n background-size: 400% 100%;\n -webkit-animation: os-skeleton-loading 1.4s ease infinite;\n animation: os-skeleton-loading 1.4s ease infinite\n}\n\n\n@-webkit-keyframes os-skeleton-loading {\n 0% {\n background-position: 100% 50%\n }\n\n 100% {\n background-position: 0 50%\n }\n}\n\n@keyframes os-skeleton-loading {\n 0% {\n background-position: 100% 50%\n }\n\n 100% {\n background-position: 0 50%\n }\n}\n";
|
|
2
|
-
export default _default;
|
package/lib/createAlfaApp.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { AlfaFactoryOption } from './types';
|
|
3
|
-
declare function createAlfaApp<P = any>(option: AlfaFactoryOption): (() => null) | React.MemoExoticComponent<(props: P & {
|
|
4
|
-
history: any;
|
|
5
|
-
sandbox: {};
|
|
6
|
-
}) => JSX.Element>;
|
|
7
|
-
export default createAlfaApp;
|
|
@@ -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;
|
|
@@ -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 {};
|