@alicloud/alfa-react 1.3.1-alpha.1 → 1.3.1-alpha.5

package/es/createAlfaApp.js

@@ -4,10 +4,10 @@ import { BaseLoader } from '@alicloud/alfa-core';
 import ErrorBoundary from './components/ErrorBoundary';
 import createApplication from './createApplication';
 import beforeResolveHook from './hooks/beforeResolveHook';
-import afterLoadHook from './hooks/afterLoadHook';
+import beforeLoadHook from './hooks/beforeLoadHook';
 var loader = BaseLoader.create();
 loader.beforeResolve.use(beforeResolveHook);
-loader.afterLoad.use(afterLoadHook);
+loader.beforeLoad.use(beforeLoadHook);
 var Application = createApplication(loader);
 
 function createAlfaApp(option) {
@@ -21,14 +21,8 @@ function createAlfaApp(option) {
   };
   var passedInOption = option;
   return /*#__PURE__*/React.memo(function (props) {
-    if ('sandbox' in props) {
-      console.warn('');
-    }
-
-    return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(Application, _extends({
-      // 兼容历史逻辑，优先使用 option 中的 sandbox 参数
-      sandbox: props.sandbox
-    }, passedInOption, {
+    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

@@ -7,11 +7,11 @@ import ErrorBoundary from './components/ErrorBoundary';
 import { createCWSWidget } from './widget';
 import createApplication from './createApplication';
 import beforeResolveHook from './hooks/beforeResolveHook';
-import afterLoadHook from './hooks/afterLoadHook';
+import beforeLoadHook from './hooks/beforeLoadHook';
 var loader = BaseLoader.create();
 loader.beforeResolve.use(beforeResolveHook);
-loader.afterLoad.use(afterLoadHook);
-loader.afterLoad.use( /*#__PURE__*/function () {
+loader.beforeLoad.use(beforeLoadHook);
+loader.beforeLoad.use( /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
     var app;
     return _regeneratorRuntime.wrap(function _callee$(_context) {

package/es/createApplication.js

@@ -1,7 +1,14 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useRef, useEffect, useState } from 'react';
+
+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 = 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, { useRef, useEffect, useState, useMemo } from 'react';
 import Loading from './components/Loading';
 import { normalizeName } from './utils';
 
@@ -16,7 +23,6 @@ export default function createApplication(loader) {
         version = props.version,
         manifest = props.manifest,
         loading = props.loading,
-        sandbox = props.sandbox,
         customProps = props.customProps,
         className = props.className,
         style = props.style,
@@ -30,7 +36,8 @@ export default function createApplication(loader) {
         afterMount = props.afterMount,
         beforeUnmount = props.beforeUnmount,
         afterUnmount = props.afterUnmount,
-        beforeUpdate = props.beforeUpdate;
+        beforeUpdate = props.beforeUpdate,
+        customSandbox = props.sandbox;
 
     var _useState = useState(null),
         _useState2 = _slicedToArray(_useState, 2),
@@ -39,6 +46,12 @@ export default function createApplication(loader) {
 
     var appRef = useRef(null);
     var tagName = normalizeName(props.name);
+    var sandbox = useMemo(function () {
+      return _objectSpread(_objectSpread({}, customSandbox), {}, {
+        externalsVars: [].concat(_toConsumableArray((customSandbox === null || customSandbox === void 0 ? void 0 : customSandbox.externalsVars) || []), [// global vars used in ConsoleBase.forApp
+        '_console_base_ready_'])
+      });
+    }, [customSandbox]);
     useEffect(function () {
       // eslint-disable-next-line no-useless-catch
       _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
@@ -83,12 +96,8 @@ export default function createApplication(loader) {
                 }));
 
               case 7:
-                _context.next = 9;
-                return App.load();
-
-              case 9:
                 if (appRef.current) {
-                  _context.next = 11;
+                  _context.next = 9;
                   break;
                 }
 
@@ -96,19 +105,19 @@ export default function createApplication(loader) {
                   E_MSG: 'cannot find container.'
                 }));
 
-              case 11:
-                _context.next = 13;
+              case 9:
+                _context.next = 11;
                 return App.mount(appRef.current, {
                   customProps: customProps
                 });
 
-              case 13:
+              case 11:
                 setApp(App);
                 return _context.abrupt("return", function () {
                   App && App.unmount();
                 });
 
-              case 15:
+              case 13:
               case "end":
                 return _context.stop();
             }
@@ -123,13 +132,9 @@ export default function createApplication(loader) {
       app.update(customProps);
     }
 
-    if (!app) {
-      return /*#__PURE__*/React.createElement(Loading, {
-        loading: loading
-      });
-    }
-
-    return /*#__PURE__*/React.createElement(React.Fragment, null, sandbox && sandbox !== true && sandbox.disableFakeBody ? /*#__PURE__*/React.createElement(tagName, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, !app ? /*#__PURE__*/React.createElement(Loading, {
+      loading: loading
+    }) : null, sandbox && sandbox.disableFakeBody ? /*#__PURE__*/React.createElement(tagName, {
       style: style,
       className: className,
       ref: appRef,

package/es/hooks/beforeLoadHook.js

@@ -0,0 +1,69 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+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); 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 = 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 { getLocale } from '@alicloud/alfa-core';
+import { getConsoleConfig } from '../utils/getConsoleConfig'; // inject consoleConfig & locales after load
+
+function afterLoadHook(_x) {
+  return _afterLoadHook.apply(this, arguments);
+}
+
+function _afterLoadHook() {
+  _afterLoadHook = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
+    var app, logger, defaultConsoleConfig, CONFIG_START_TIME, _yield$Promise$all$ca, _yield$Promise$all$ca2, consoleConfig, messages, CONFIG_END_TIME, i18nMessages, END_TIME;
+
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            app = appConfig.app, logger = appConfig.logger;
+            defaultConsoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
+            CONFIG_START_TIME = Date.now();
+            _context.next = 5;
+            return Promise.all([getConsoleConfig(appConfig, defaultConsoleConfig), getLocale(appConfig)]).catch(function (e) {
+              logger === null || logger === void 0 ? void 0 : logger.error({
+                E_MSG: 'fetch config & locale error.',
+                E_STACK: e
+              });
+              return [{}, {}];
+            });
+
+          case 5:
+            _yield$Promise$all$ca = _context.sent;
+            _yield$Promise$all$ca2 = _slicedToArray(_yield$Promise$all$ca, 2);
+            consoleConfig = _yield$Promise$all$ca2[0];
+            messages = _yield$Promise$all$ca2[1];
+            CONFIG_END_TIME = Date.now();
+            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 as any) = {};
+            }
+
+            END_TIME = Date.now();
+            logger === null || logger === void 0 ? void 0 : logger.record({
+              CONFIG_START_TIME: CONFIG_START_TIME,
+              CONFIG_END_TIME: CONFIG_END_TIME,
+              END_TIME: END_TIME
+            });
+            logger === null || logger === void 0 ? void 0 : logger.send();
+            return _context.abrupt("return", appConfig);
+
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _afterLoadHook.apply(this, arguments);
+}
+
+export default afterLoadHook;

package/es/version.js

@@ -1 +1 @@
-export var version = '1.3.1-alpha.1';
+export var version = '1.3.1-alpha.5';

package/lib/createAlfaApp.js

@@ -19,12 +19,12 @@ var _createApplication = _interopRequireDefault(require("./createApplication"));
 
 var _beforeResolveHook = _interopRequireDefault(require("./hooks/beforeResolveHook"));
 
-var _afterLoadHook = _interopRequireDefault(require("./hooks/afterLoadHook"));
+var _beforeLoadHook = _interopRequireDefault(require("./hooks/beforeLoadHook"));
 
 var loader = _alfaCore.BaseLoader.create();
 
 loader.beforeResolve.use(_beforeResolveHook.default);
-loader.afterLoad.use(_afterLoadHook.default);
+loader.beforeLoad.use(_beforeLoadHook.default);
 var Application = (0, _createApplication.default)(loader);
 
 function createAlfaApp(option) {
@@ -38,14 +38,8 @@ function createAlfaApp(option) {
   };
   var passedInOption = option;
   return /*#__PURE__*/_react.default.memo(function (props) {
-    if ('sandbox' in props) {
-      console.warn('');
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(Application, (0, _extends2.default)({
-      // 兼容历史逻辑，优先使用 option 中的 sandbox 参数
-      sandbox: props.sandbox
-    }, passedInOption, {
+    return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(Application, (0, _extends2.default)({}, passedInOption, {
+      sandbox: option.sandbox || props.sandbox,
       deps: dependencies || {},
       customProps: props
     })));

package/lib/createAlfaWidget.js

@@ -25,13 +25,13 @@ var _createApplication = _interopRequireDefault(require("./createApplication"));
 
 var _beforeResolveHook = _interopRequireDefault(require("./hooks/beforeResolveHook"));
 
-var _afterLoadHook = _interopRequireDefault(require("./hooks/afterLoadHook"));
+var _beforeLoadHook = _interopRequireDefault(require("./hooks/beforeLoadHook"));
 
 var loader = _alfaCore.BaseLoader.create();
 
 loader.beforeResolve.use(_beforeResolveHook.default);
-loader.afterLoad.use(_afterLoadHook.default);
-loader.afterLoad.use( /*#__PURE__*/function () {
+loader.beforeLoad.use(_beforeLoadHook.default);
+loader.beforeLoad.use( /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(appConfig) {
     var app;
     return _regenerator.default.wrap(function _callee$(_context) {

package/lib/createApplication.js

@@ -13,6 +13,10 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -25,6 +29,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
+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 = 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; }
+
 /**
  * container for microApp mount
  * @param loader alfa-core loader
@@ -36,7 +44,6 @@ function createApplication(loader) {
         version = props.version,
         manifest = props.manifest,
         loading = props.loading,
-        sandbox = props.sandbox,
         customProps = props.customProps,
         className = props.className,
         style = props.style,
@@ -50,7 +57,8 @@ function createApplication(loader) {
         afterMount = props.afterMount,
         beforeUnmount = props.beforeUnmount,
         afterUnmount = props.afterUnmount,
-        beforeUpdate = props.beforeUpdate;
+        beforeUpdate = props.beforeUpdate,
+        customSandbox = props.sandbox;
 
     var _useState = (0, _react.useState)(null),
         _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -59,6 +67,12 @@ function createApplication(loader) {
 
     var appRef = (0, _react.useRef)(null);
     var tagName = (0, _utils.normalizeName)(props.name);
+    var sandbox = (0, _react.useMemo)(function () {
+      return _objectSpread(_objectSpread({}, customSandbox), {}, {
+        externalsVars: [].concat((0, _toConsumableArray2.default)((customSandbox === null || customSandbox === void 0 ? void 0 : customSandbox.externalsVars) || []), [// global vars used in ConsoleBase.forApp
+        '_console_base_ready_'])
+      });
+    }, [customSandbox]);
     (0, _react.useEffect)(function () {
       // eslint-disable-next-line no-useless-catch
       (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
@@ -103,12 +117,8 @@ function createApplication(loader) {
                 }));
 
               case 7:
-                _context.next = 9;
-                return App.load();
-
-              case 9:
                 if (appRef.current) {
-                  _context.next = 11;
+                  _context.next = 9;
                   break;
                 }
 
@@ -116,19 +126,19 @@ function createApplication(loader) {
                   E_MSG: 'cannot find container.'
                 }));
 
-              case 11:
-                _context.next = 13;
+              case 9:
+                _context.next = 11;
                 return App.mount(appRef.current, {
                   customProps: customProps
                 });
 
-              case 13:
+              case 11:
                 setApp(App);
                 return _context.abrupt("return", function () {
                   App && App.unmount();
                 });
 
-              case 15:
+              case 13:
               case "end":
                 return _context.stop();
             }
@@ -143,13 +153,9 @@ function createApplication(loader) {
       app.update(customProps);
     }
 
-    if (!app) {
-      return /*#__PURE__*/_react.default.createElement(_Loading.default, {
-        loading: loading
-      });
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sandbox && sandbox !== true && sandbox.disableFakeBody ? /*#__PURE__*/_react.default.createElement(tagName, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !app ? /*#__PURE__*/_react.default.createElement(_Loading.default, {
+      loading: loading
+    }) : null, sandbox && sandbox.disableFakeBody ? /*#__PURE__*/_react.default.createElement(tagName, {
       style: style,
       className: className,
       ref: appRef,

package/lib/hooks/beforeLoadHook.d.ts

@@ -0,0 +1,3 @@
+import { IAppConfig } from '@alicloud/alfa-core';
+declare function afterLoadHook(appConfig: IAppConfig): Promise<IAppConfig<any>>;
+export default afterLoadHook;

package/lib/hooks/beforeLoadHook.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _alfaCore = require("@alicloud/alfa-core");
+
+var _getConsoleConfig = require("../utils/getConsoleConfig");
+
+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 = 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; }
+
+// inject consoleConfig & locales after load
+function afterLoadHook(_x) {
+  return _afterLoadHook.apply(this, arguments);
+}
+
+function _afterLoadHook() {
+  _afterLoadHook = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(appConfig) {
+    var app, logger, defaultConsoleConfig, CONFIG_START_TIME, _yield$Promise$all$ca, _yield$Promise$all$ca2, consoleConfig, messages, CONFIG_END_TIME, i18nMessages, END_TIME;
+
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            app = appConfig.app, logger = appConfig.logger;
+            defaultConsoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
+            CONFIG_START_TIME = Date.now();
+            _context.next = 5;
+            return Promise.all([(0, _getConsoleConfig.getConsoleConfig)(appConfig, defaultConsoleConfig), (0, _alfaCore.getLocale)(appConfig)]).catch(function (e) {
+              logger === null || logger === void 0 ? void 0 : logger.error({
+                E_MSG: 'fetch config & locale error.',
+                E_STACK: e
+              });
+              return [{}, {}];
+            });
+
+          case 5:
+            _yield$Promise$all$ca = _context.sent;
+            _yield$Promise$all$ca2 = (0, _slicedToArray2.default)(_yield$Promise$all$ca, 2);
+            consoleConfig = _yield$Promise$all$ca2[0];
+            messages = _yield$Promise$all$ca2[1];
+            CONFIG_END_TIME = Date.now();
+            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 as any) = {};
+            }
+
+            END_TIME = Date.now();
+            logger === null || logger === void 0 ? void 0 : logger.record({
+              CONFIG_START_TIME: CONFIG_START_TIME,
+              CONFIG_END_TIME: CONFIG_END_TIME,
+              END_TIME: END_TIME
+            });
+            logger === null || logger === void 0 ? void 0 : logger.send();
+            return _context.abrupt("return", appConfig);
+
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _afterLoadHook.apply(this, arguments);
+}
+
+var _default = afterLoadHook;
+exports.default = _default;

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.3.1-alpha.1";
+export declare const version = "1.3.1-alpha.5";

package/lib/version.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = void 0;
-var version = '1.3.1-alpha.1';
+var version = '1.3.1-alpha.5';
 exports.version = version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/alfa-react",
-  "version": "1.3.1-alpha.1",
+  "version": "1.3.1-alpha.5",
   "description": "Alfa Framework (React Version)",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -39,7 +39,7 @@
     "typescript": "^3.0.3"
   },
   "dependencies": {
-    "@alicloud/alfa-core": "^1.3.0",
+    "@alicloud/alfa-core": "^1.3.1-alpha.1",
     "@alicloud/console-os-loader": "^1.2.3",
     "@alicloud/widget-utils-console": "^0.1.6",
     "classnames": "^2.2.6",