@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.
@@ -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("div", {
26
- dangerouslySetInnerHTML: {
27
- __html: renderString
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 createAlfaApp(option) {
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 { normalizeName } from './utils';
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
@@ -1,3 +1,6 @@
1
1
  export var normalizeName = function normalizeName(name) {
2
2
  return name.replace(/@/g, '').replace(/\//g, '-');
3
+ };
4
+ export var isSSR = function isSSR() {
5
+ return typeof document === 'undefined';
3
6
  };
@@ -0,0 +1,2 @@
1
+ import { AlfaFactoryOption } from '../types';
2
+ export declare function createIsomorphicAlfaApp<T = any>(option: AlfaFactoryOption): (props: T) => JSX.Element;
@@ -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.createAlfaApp = createAlfaApp;
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("div", {
45
- dangerouslySetInnerHTML: {
46
- __html: renderString
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 createAlfaApp(option) {
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
@@ -1 +1,2 @@
1
1
  export declare const normalizeName: (name: string) => string;
2
+ export declare const isSSR: () => boolean;
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.5",
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.5",
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": "02863a2388162a395d3e51f54d122745d10e2a75"
46
+ "gitHead": "b3db09cf23bdbe004093104829fb956407f7e2dd"
47
47
  }
@@ -1,4 +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) => JSX.Element>;
4
- export default createAlfaApp;
@@ -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;
@@ -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 {};
@@ -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
- }
@@ -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
- }