@alicloud/alfa-react 1.3.0-canary.9 → 1.3.1-alpha.3

package/es/app.js

@@ -4,17 +4,17 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 
-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; }
+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; }
 
-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; }
+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; }
 
 import React, { Suspense, lazy, useRef, useEffect, useState } from 'react';
-import { getManifest, createMicroApp } from '@alicloud/alfa-core';
+import { getManifest, getLocale, createMicroApp } from '@alicloud/alfa-core';
 import Loading from './components/Loading';
+import { AlfaFactoryOption } from './types';
 import ErrorBoundary from './components/ErrorBoundary';
-import { getConsoleConfig } from './app/getConsoleConfig';
-import { createIsomorphicAlfaApp } from './app/createIsomorphicMicroApp';
-import { normalizeName, isSSR } from './utils';
+import { getConsoleConfig } from './utils/getConsoleConfig';
+import { normalizeName } from './utils';
 
 var getProps = function getProps(props) {
   var parcelProps = _objectSpread({}, props);
@@ -24,10 +24,8 @@ var getProps = function getProps(props) {
   delete parcelProps.loading;
   delete parcelProps.entry;
   delete parcelProps.container;
-  delete parcelProps.logger; // @ts-ignore
-
-  delete parcelProps.env; // @ts-ignore
-
+  delete parcelProps.logger;
+  delete parcelProps.env;
   delete parcelProps.dependencies;
   return parcelProps;
 };
@@ -38,7 +36,8 @@ var Application = function Application(props) {
       loading = props.loading,
       style = props.style,
       className = props.className,
-      consoleConfig = props.consoleConfig;
+      consoleConfig = props.consoleConfig,
+      i18nMessages = props.i18nMessages;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -53,7 +52,7 @@ var Application = function Application(props) {
   var appRef = useRef(null);
   useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var app;
+      var App;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -67,27 +66,35 @@ var Application = function Application(props) {
               });
 
             case 2:
-              app = _context.sent;
+              App = _context.sent;
 
-              if (app.context && app.context.baseFrame) {
-                // @ts-ignore
-                app.context.baseFrame.contentWindow.ALIYUN_CONSOLE_CONFIG = consoleConfig;
+              if (App.context && App.context) {
+                App.context.window.ALIYUN_CONSOLE_CONFIG = consoleConfig;
+                App.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages;
               }
 
               _context.next = 6;
-              return app.load();
+              return App.load();
 
             case 6:
-              _context.next = 8;
-              return app.mount(appRef.current, {
+              if (appRef.current) {
+                _context.next = 8;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 8:
+              _context.next = 10;
+              return App.mount(appRef.current, {
                 customProps: getProps(props)
               });
 
-            case 8:
+            case 10:
               setMounted(true);
-              setApp(app);
+              setApp(App);
 
-            case 10:
+            case 12:
             case "end":
               return _context.stop();
           }
@@ -111,24 +118,17 @@ var Application = function Application(props) {
     className: className,
     ref: appRef,
     dataId: name
-  }) : /*#__PURE__*/React.createElement(name, {
-    children: /*#__PURE__*/React.createElement('div', {
-      ref: appRef
-    })
-  }));
+  }) : /*#__PURE__*/React.createElement(name, {}, /*#__PURE__*/React.createElement('div', {
+    ref: appRef
+  })));
 };
 
 export function createAlfaApp(option) {
   var name = option.name,
       loading = option.loading,
       manifest = option.manifest;
-
-  if (isSSR()) {
-    return createIsomorphicAlfaApp(option);
-  }
-
   var AlfaApp = /*#__PURE__*/lazy( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    var resolvedManifest, consoleConfig, AlfaApp;
+    var resolvedManifest, consoleConfig, messages, i18nMessages, App;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
@@ -147,35 +147,34 @@ export function createAlfaApp(option) {
             resolvedManifest = _context2.sent;
 
           case 5:
-            // @ts-ignore
             consoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
-
-            if (!option.dynamicConfig) {
-              _context2.next = 10;
-              break;
-            }
-
-            _context2.next = 9;
+            _context2.next = 8;
             return getConsoleConfig(option, consoleConfig);
 
-          case 9:
+          case 8:
             consoleConfig = _context2.sent;
+            _context2.next = 11;
+            return getLocale(option);
+
+          case 11:
+            messages = _context2.sent;
+            i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages);
 
-          case 10:
-            AlfaApp = function AlfaApp(props) {
+            App = function App(props) {
               return /*#__PURE__*/React.createElement(Application, _extends({
                 manifest: resolvedManifest
               }, props, {
                 name: normalizeName(name),
-                consoleConfig: consoleConfig
+                consoleConfig: consoleConfig,
+                i18nMessages: i18nMessages
               }));
             };
 
             return _context2.abrupt("return", {
-              default: AlfaApp
+              default: App
             });
 
-          case 12:
+          case 15:
           case "end":
             return _context2.stop();
         }
@@ -192,4 +191,4 @@ export function createAlfaApp(option) {
     }, props))));
   };
 }
-export { AlfaFactoryOption } from './types';
+export { AlfaFactoryOption };

package/es/components/ErrorBoundary/ErrorPanel.js

@@ -21,11 +21,11 @@ var ErrorPanel = function ErrorPanel(props) {
     style: containerStyle
   }, /*#__PURE__*/React.createElement("div", {
     style: commonErrorStyle
-  }, error.message), /*#__PURE__*/React.createElement("pre", {
+  }, error === null || error === void 0 ? void 0 : error.message), /*#__PURE__*/React.createElement("pre", {
     style: {
       overflow: 'scroll'
     }
-  }, error.stack)) : /*#__PURE__*/React.createElement("div", {
+  }, error === null || error === void 0 ? void 0 : error.stack)) : /*#__PURE__*/React.createElement("div", {
     style: commonErrorStyle
   }, "Error"));
 };

package/es/components/ErrorBoundary/index.js

@@ -25,7 +25,6 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
     _this = _super.call(this, props);
     _this.state = {
       hasError: false,
-      // @ts-ignore
       error: null
     };
     return _this;
@@ -34,23 +33,24 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _createClass(ErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error, errorInfo) {
-      // Display fallback UI
+      var _window, _window$__bl, _window2, _window2$__bl;
+
+      var _this$props = this.props,
+          appDidCatch = _this$props.appDidCatch,
+          logger = _this$props.logger; // Display fallback UI
+
       this.setState({
         hasError: true,
         error: error
-      }); // You can also log the error to an error reporting service
-
-      if (this.props.logger) {
-        this.props.logger.error(error, errorInfo);
-      } else {
-        var _window, _window$__bl;
-
-        // @ts-ignore
-        isFunction((_window = window) === null || _window === void 0 ? void 0 : (_window$__bl = _window.__bl) === null || _window$__bl === void 0 ? void 0 : _window$__bl.error) && window.__bl.error(error, errorInfo);
-      }
-
-      console.error(error);
-      this.props.appDidCatch && this.props.appDidCatch(error);
+      });
+      isFunction((_window = window) === null || _window === void 0 ? void 0 : (_window$__bl = _window.__bl) === null || _window$__bl === void 0 ? void 0 : _window$__bl.error) && ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$__bl = _window2.__bl) === null || _window2$__bl === void 0 ? void 0 : _window2$__bl.error(error, errorInfo)); // You can also log the error to an error reporting service in appDidCatch
+
+      appDidCatch && appDidCatch(error, errorInfo);
+      logger === null || logger === void 0 ? void 0 : logger.error({
+        E_MSG: '',
+        E_STACK: error,
+        C_STACK: errorInfo
+      });
     }
   }, {
     key: "render",

package/es/components/Loading/Skeleton.js

@@ -6,9 +6,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 
-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; }
+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; }
 
-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; }
+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; }
 
 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); }; }
 

package/es/components/Loading/Title.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-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; }
+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; }
 
-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; }
+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; }
 
 import * as React from 'react';
 import classNames from 'classnames';

package/es/createAlfaApp.js

@@ -1,104 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-
-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; }
-
-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; }
-
 import React from 'react';
-import { BaseLoader, getManifest, getLocale } from '@alicloud/alfa-core';
+import { BaseLoader } from '@alicloud/alfa-core';
 import ErrorBoundary from './components/ErrorBoundary';
-import { getConsoleConfig } from './utils/getConsoleConfig';
 import createApplication from './createApplication';
-var loader = BaseLoader.create(); // get manifest before resolve
-// normalize name
-
-loader.beforeResolve.use( /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
-    var resolvedManifest;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            resolvedManifest = appConfig.manifest;
-
-            if (resolvedManifest) {
-              _context.next = 5;
-              break;
-            }
-
-            _context.next = 4;
-            return getManifest(appConfig);
-
-          case 4:
-            resolvedManifest = _context.sent;
-
-          case 5:
-            return _context.abrupt("return", _objectSpread(_objectSpread({}, appConfig), {}, {
-              manifest: resolvedManifest
-            }));
-
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function (_x) {
-    return _ref.apply(this, arguments);
-  };
-}(), undefined); // inject consoleConfig & locales after load
-
-loader.afterLoad.use( /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(appConfig) {
-    var app, defaultConsoleConfig, consoleConfig, messages, i18nMessages;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            app = appConfig.app;
-            defaultConsoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
-            _context2.next = 4;
-            return getConsoleConfig(appConfig, defaultConsoleConfig);
-
-          case 4:
-            consoleConfig = _context2.sent;
-            _context2.next = 7;
-            return getLocale(appConfig);
-
-          case 7:
-            messages = _context2.sent;
-            i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages);
-
-            if (app && app.context) {
-              app.context.window.ALIYUN_CONSOLE_CONFIG = consoleConfig;
-              app.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages;
-            }
-
-            return _context2.abrupt("return", appConfig);
-
-          case 11:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  }));
-
-  return function (_x2) {
-    return _ref2.apply(this, arguments);
-  };
-}(), undefined);
+import beforeResolveHook from './hooks/beforeResolveHook';
+import beforeLoadHook from './hooks/beforeLoadHook';
+var loader = BaseLoader.create();
+loader.beforeResolve.use(beforeResolveHook);
+loader.beforeLoad.use(beforeLoadHook);
 var Application = createApplication(loader);
 
 function createAlfaApp(option) {
-  var _ref3 = option || {},
-      name = _ref3.name,
-      dependencies = _ref3.dependencies; // check app option
+  var _ref = option || {},
+      name = _ref.name,
+      dependencies = _ref.dependencies; // check app option
 
 
   if (!name) return function () {
@@ -106,7 +21,12 @@ function createAlfaApp(option) {
   };
   var passedInOption = option;
   return /*#__PURE__*/React.memo(function (props) {
-    return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Application, _extends({}, passedInOption, {
+    if ('sandbox' in props) {
+      console.warn('');
+    }
+
+    return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(Application, _extends({}, passedInOption, {
+      sandbox: option.sandbox || props.sandbox,
       deps: dependencies || {},
       customProps: props
     })));

package/es/createAlfaWidget.js

@@ -1,47 +1,33 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
-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; }
-
-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; }
-
 import React from 'react';
-import { BaseLoader, getManifest, getLocale } from '@alicloud/alfa-core';
+import { BaseLoader } from '@alicloud/alfa-core';
 import ErrorBoundary from './components/ErrorBoundary';
-import { getConsoleConfig } from './utils/getConsoleConfig';
 import { createCWSWidget } from './widget';
 import createApplication from './createApplication';
-var loader = BaseLoader.create(); // get manifest before resolve
-// normalize name
-
-loader.beforeResolve.use( /*#__PURE__*/function () {
+import beforeResolveHook from './hooks/beforeResolveHook';
+import beforeLoadHook from './hooks/beforeLoadHook';
+var loader = BaseLoader.create();
+loader.beforeResolve.use(beforeResolveHook);
+loader.beforeLoad.use(beforeLoadHook);
+loader.beforeLoad.use( /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
-    var resolvedManifest;
+    var app;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            resolvedManifest = appConfig.manifest;
+            app = appConfig.app;
 
-            if (resolvedManifest) {
-              _context.next = 5;
-              break;
+            if (app && app.context) {
+              // disable history
+              app.context.history = {};
             }
 
-            _context.next = 4;
-            return getManifest(appConfig);
+            return _context.abrupt("return", appConfig);
 
-          case 4:
-            resolvedManifest = _context.sent;
-
-          case 5:
-            return _context.abrupt("return", _objectSpread(_objectSpread({}, appConfig), {}, {
-              manifest: resolvedManifest
-            }));
-
-          case 6:
+          case 3:
           case "end":
             return _context.stop();
         }
@@ -52,58 +38,15 @@ loader.beforeResolve.use( /*#__PURE__*/function () {
   return function (_x) {
     return _ref.apply(this, arguments);
   };
-}(), undefined); // inject consoleConfig & locales after load
-// remove history in vm context
-
-loader.afterLoad.use( /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(appConfig) {
-    var app, defaultConsoleConfig, consoleConfig, messages, i18nMessages;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            app = appConfig.app;
-            defaultConsoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
-            _context2.next = 4;
-            return getConsoleConfig(appConfig, defaultConsoleConfig);
-
-          case 4:
-            consoleConfig = _context2.sent;
-            _context2.next = 7;
-            return getLocale(appConfig);
-
-          case 7:
-            messages = _context2.sent;
-            i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages);
-
-            if (app && app.context) {
-              app.context.window.ALIYUN_CONSOLE_CONFIG = consoleConfig;
-              app.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages;
-              app.context.history = {};
-            }
-
-            return _context2.abrupt("return", appConfig);
-
-          case 11:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  }));
-
-  return function (_x2) {
-    return _ref2.apply(this, arguments);
-  };
-}(), undefined);
+}());
 var Application = createApplication(loader);
 
 function createAlfaApp(option) {
-  var _ref3 = option || {},
-      name = _ref3.name,
-      dependencies = _ref3.dependencies;
+  var _ref2 = option || {},
+      name = _ref2.name,
+      dependencies = _ref2.dependencies;
 
-  if (!name.match(/@ali\/widget-/)) {
+  if (name.match(/@ali\/widget-/)) {
     // TODO load style
     return createCWSWidget(option);
   } // check app option
@@ -114,11 +57,16 @@ function createAlfaApp(option) {
   };
   var passedInOption = option;
   return /*#__PURE__*/React.memo(function (props) {
-    return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Application, _extends({}, passedInOption, {
-      // name={name}
-      deps: dependencies || {},
-      customProps: props
-    })));
+    return (
+      /*#__PURE__*/
+      // Compatible with old logic
+      // props should not passed in errorBoundary
+      React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(Application, _extends({}, passedInOption, {
+        // name={name}
+        deps: dependencies || {},
+        customProps: props
+      })))
+    );
   });
 }