@alicloud/alfa-react 1.7.1-alpha.2 → 1.7.1-beta.1

package/.storybook/main.ts

@@ -0,0 +1,49 @@
+import { NodePackageImporter } from 'sass';
+import { mergeConfig } from 'vite';
+import type { StorybookConfig } from '@storybook/react-vite';
+import { nodePolyfills } from 'vite-plugin-node-polyfills'
+
+
+const config: StorybookConfig = {
+  stories: ['../stories/*.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-onboarding',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@chromatic-com/storybook',
+    '@storybook/addon-interactions',
+  ],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {
+
+    },
+  },
+  typescript: {
+    // Enables the `react-docgen-typescript` parser.
+    // See https://storybook.js.org/docs/api/main-config/main-config-typescript for more information about this option.
+    reactDocgen: 'react-docgen-typescript',
+  },
+  async viteFinal(config) {
+    return mergeConfig(config, {
+      // Add dependencies to pre-optimization
+      resolve: {
+        alias: {}
+      },
+      define: {
+        'process.env': JSON.stringify({}),
+      },
+      plugins: [nodePolyfills()],
+      css: {
+        preprocessorOptions: {
+          scss: {
+            api: "modern-compiler",
+            importers: [new NodePackageImporter()],
+          }
+        }
+      }
+    });
+  },
+};
+
+export default config;

package/.storybook/preview.ts

@@ -0,0 +1,14 @@
+import type { Preview } from '@storybook/react';
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

package/es/components/ErrorBoundary/index.js

@@ -1,27 +1,26 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-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); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import ErrorPanel from './ErrorPanel';
 var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  _inherits(ErrorBoundary, _React$Component);
-  var _super = _createSuper(ErrorBoundary);
   function ErrorBoundary(props) {
     var _this;
     _classCallCheck(this, ErrorBoundary);
-    _this = _super.call(this, props);
+    _this = _callSuper(this, ErrorBoundary, [props]);
     _this.state = {
       hasError: false,
       error: undefined
     };
     return _this;
   }
-  _createClass(ErrorBoundary, [{
+  _inherits(ErrorBoundary, _React$Component);
+  return _createClass(ErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error, errorInfo) {
       var _window, _window$__bl, _window2, _window2$__bl;
@@ -59,6 +58,5 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       return this.props.children;
     }
   }]);
-  return ErrorBoundary;
 }(React.Component);
 export default ErrorBoundary;

package/es/components/Loading/Paragraph.js

@@ -1,21 +1,20 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-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); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import * as React from 'react';
 import classNames from 'classnames';
 var Paragraph = /*#__PURE__*/function (_React$Component) {
-  _inherits(Paragraph, _React$Component);
-  var _super = _createSuper(Paragraph);
   function Paragraph() {
     _classCallCheck(this, Paragraph);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Paragraph, arguments);
   }
-  _createClass(Paragraph, [{
+  _inherits(Paragraph, _React$Component);
+  return _createClass(Paragraph, [{
     key: "getWidth",
     value: function getWidth(index) {
       var _this$props = this.props,
@@ -58,6 +57,5 @@ var Paragraph = /*#__PURE__*/function (_React$Component) {
       }, rowList);
     }
   }]);
-  return Paragraph;
 }(React.Component);
 export default Paragraph;

package/es/components/Loading/Skeleton.js

@@ -1,14 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 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); 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; }
-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); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import * as React from 'react';
 import classNames from 'classnames';
 import Title from './Title';
@@ -45,15 +45,13 @@ function getParagraphBasicProps(hasTitle) {
   return basicProps;
 }
 var Skeleton = /*#__PURE__*/function (_React$Component) {
-  _inherits(Skeleton, _React$Component);
-  var _super = _createSuper(Skeleton);
   function Skeleton() {
     var _this;
     _classCallCheck(this, Skeleton);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _callSuper(this, Skeleton, [].concat(args));
     _this.renderSkeleton = function () {
       var _this$props = _this.props,
         _this$props$prefixCls = _this$props.prefixCls,
@@ -99,7 +97,8 @@ var Skeleton = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _createClass(Skeleton, [{
+  _inherits(Skeleton, _React$Component);
+  return _createClass(Skeleton, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var id = '-os-skeleton-style';
@@ -117,7 +116,6 @@ var Skeleton = /*#__PURE__*/function (_React$Component) {
       return this.renderSkeleton();
     }
   }]);
-  return Skeleton;
 }(React.Component);
 Skeleton.defaultProps = {
   title: true,

package/es/components/Loading/Title.js

@@ -1,6 +1,6 @@
 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); 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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import * as React from 'react';
 import classNames from 'classnames';
 var Title = function Title(_ref) {

package/es/createAlfaApp.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 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); 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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useMemo } from 'react';
 import { BaseLoader } from '@alicloud/alfa-core';
 import ErrorBoundary from './components/ErrorBoundary';
@@ -35,8 +35,8 @@ function createAlfaApp(option) {
       dynamicConfig: typeof dynamicConfig === 'boolean' ? dynamicConfig : !manifest
     }));
     preLoader = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               return _context.abrupt("return", p);

package/es/createAlfaWidget.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useMemo } from 'react';
 import LazyLoad from 'react-lazyload';
@@ -18,10 +18,10 @@ import { IS_SSR } from './utils';
 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) {
+loader.beforeLoad.use(/*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
     var app;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           app = appConfig.app;
@@ -30,7 +30,7 @@ loader.beforeLoad.use( /*#__PURE__*/function () {
             app.context.history = {};
           }
           return _context.abrupt("return", appConfig);
-        case 3:
+        case 1:
         case "end":
           return _context.stop();
       }
@@ -68,8 +68,8 @@ function createAlfaWidget(option) {
       dynamicConfig: typeof dynamicConfig === 'boolean' ? dynamicConfig : !manifest
     }));
     preLoader = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        return _regeneratorRuntime.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               return _context2.abrupt("return", p);

package/es/createApplication.js

@@ -3,8 +3,8 @@ 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";
-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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useRef, useEffect, useState, useMemo, useContext, useCallback } from 'react';
 import { createEventBus } from '@alicloud/alfa-core';
 import { ConsoleRegion, ConsoleResourceGroup, ConsoleContext } from '@alicloud/xconsole-context';
@@ -58,6 +58,7 @@ export default function createApplication(loader) {
       basename = props.basename,
       channel = props.channel,
       delayPromise = props.delayPromise,
+      forceLog = props.forceLog,
       preLoader = props.preLoader;
     var handleExternalLink = customProps.handleExternalLink;
     var _useState = useState(null),
@@ -83,6 +84,7 @@ export default function createApplication(loader) {
       preLoader: preLoader,
       container: container
     });
+    var mountedApp = useRef(false);
     var onSyncHistory = useCallbackRef(props.onSyncHistory || function () {});
     $syncHistory.current = syncHistory;
     $basename.current = basename;
@@ -224,42 +226,42 @@ export default function createApplication(loader) {
 
       // 受控模式下，返回不会触发子应用内的路由更新，需要主动通知
       if ($syncHistory.current) window.addEventListener('popstate', updateAppHistory);
-      _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _app$context$updateBo, _app$context, _app$context$baseFram;
-        var fakeBody, _ref2, app, logger, realVersion, _ref3, path, frameWindow;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var fakeBody, _ref2, app, logger, realVersion, _ref3, path, frameWindow, _t;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               countRegister(memoOptions.name);
               fakeBody = getFakeBody();
               if (!initOptions.current.delayPromise) {
-                _context.next = 5;
+                _context.next = 1;
                 break;
               }
-              _context.next = 5;
+              _context.next = 1;
               return initOptions.current.delayPromise;
-            case 5:
+            case 1:
               if (!initOptions.current.preLoader) {
-                _context.next = 11;
+                _context.next = 3;
                 break;
               }
-              _context.next = 8;
+              _context.next = 2;
               return initOptions.current.preLoader(_objectSpread(_objectSpread({}, memoOptions), {}, {
                 container: fakeBody
               }));
-            case 8:
-              _context.t0 = _context.sent;
-              _context.next = 14;
+            case 2:
+              _t = _context.sent;
+              _context.next = 5;
               break;
-            case 11:
-              _context.next = 13;
+            case 3:
+              _context.next = 4;
               return loader.register(_objectSpread(_objectSpread({}, memoOptions), {}, {
                 container: fakeBody
               }));
-            case 13:
-              _context.t0 = _context.sent;
-            case 14:
-              _ref2 = _context.t0;
+            case 4:
+              _t = _context.sent;
+            case 5:
+              _ref2 = _t;
               app = _ref2.app;
               logger = _ref2.logger;
               realVersion = _ref2.version;
@@ -268,29 +270,31 @@ export default function createApplication(loader) {
 
               // container has been unmounted
               if (!isUnmounted) {
-                _context.next = 22;
+                _context.next = 6;
                 break;
               }
               return _context.abrupt("return");
-            case 22:
+            case 6:
               if (app) {
-                _context.next = 24;
+                _context.next = 7;
                 break;
               }
               return _context.abrupt("return", (logger === null || logger === void 0 ? void 0 : logger.error) && logger.error({
                 E_CODE: 'RuntimeError',
-                E_MSG: 'load app failed.'
+                E_MSG: 'load app failed.',
+                __force_log__: forceLog
               }));
-            case 24:
+            case 7:
               if (appRef.current) {
-                _context.next = 26;
+                _context.next = 8;
                 break;
               }
               return _context.abrupt("return", (logger === null || logger === void 0 ? void 0 : logger.error) && logger.error({
                 E_CODE: 'RuntimeError',
-                E_MSG: 'cannot find container.'
+                E_MSG: 'cannot find container.',
+                __force_log__: forceLog
               }));
-            case 26:
+            case 8:
               // update body in sandbox context
               (_app$context$updateBo = (_app$context = app.context).updateBody) === null || _app$context$updateBo === void 0 ? void 0 : _app$context$updateBo.call(_app$context, memoOptions.sandbox.disableFakeBody ? document.body : fakeBody);
               _ref3 = memoOptions.props, path = _ref3.path;
@@ -327,16 +331,17 @@ export default function createApplication(loader) {
                   window.history.go(n);
                 });
               }
-              (logger === null || logger === void 0 ? void 0 : logger.record) && (logger === null || logger === void 0 ? void 0 : logger.record({
+              (logger === null || logger === void 0 ? void 0 : logger.record) && logger.record({
                 REQUEST_VERSION: memoOptions.version,
                 RESPONSE_VERSION: realVersion,
-                END_TIME: Date.now()
-              }));
-              (logger === null || logger === void 0 ? void 0 : logger.send) && (logger === null || logger === void 0 ? void 0 : logger.send());
+                END_TIME: Date.now(),
+                __force_log__: forceLog
+              });
+              (logger === null || logger === void 0 ? void 0 : logger.send) && logger.send();
 
               // just run once
               setAppInstance(app);
-            case 33:
+            case 9:
             case "end":
               return _context.stop();
           }
@@ -384,6 +389,10 @@ export default function createApplication(loader) {
         var _appInstance$context$;
         if (isUnmounted) return;
 
+        // 保持 path 的路由同步，请勿删除
+        appInstance.update(customProps);
+        mountedApp.current = true;
+
         // 每次挂载后检查是否还有 lazyload 组件未加载
         setTimeout(function () {
           forceCheck();
@@ -402,9 +411,10 @@ export default function createApplication(loader) {
       return function () {
         isUnmounted = true;
         appInstance.unmount();
+        mountedApp.current = false;
       };
     }, [appInstance, getFakeBody]);
-    if (appInstance) {
+    if (appInstance && mountedApp.current) {
       appInstance.update(customProps);
     }
     var dataAttrs = {

package/es/loaders/beforeLoadHook.js

@@ -2,8 +2,8 @@ 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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { getConfig, getI18nMessages } from '@alicloud/alfa-core';
 import { getConsoleConfig } from '../utils/getConsoleConfig';
 import { getConsoleGlobal } from '../utils/getConsoleGlobal';
@@ -12,9 +12,9 @@ function afterLoadHook(_x) {
   return _afterLoadHook.apply(this, arguments);
 }
 function _afterLoadHook() {
-  _afterLoadHook = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
+  _afterLoadHook = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
     var app, logger, sandbox, dynamicConfig, channel, defaultConsoleConfig, defaultConsoleGlobal, CONFIG_START_TIME, CONFIG_END_TIME, configData, _yield$Promise$all, _yield$Promise$all2, consoleConfig, consoleGlobal, messages, i18nMessages, overrides;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           app = appConfig.app, logger = appConfig.logger, sandbox = appConfig.sandbox, dynamicConfig = appConfig.dynamicConfig, channel = appConfig.channel;
@@ -23,16 +23,16 @@ function _afterLoadHook() {
           CONFIG_START_TIME = Date.now();
           CONFIG_END_TIME = Date.now();
           if (!dynamicConfig) {
-            _context.next = 21;
+            _context.next = 3;
             break;
           }
-          _context.next = 8;
+          _context.next = 1;
           return getConfig(appConfig);
-        case 8:
+        case 1:
           configData = _context.sent;
-          _context.next = 11;
+          _context.next = 2;
           return Promise.all([getConsoleConfig(configData, defaultConsoleConfig, channel), getConsoleGlobal(configData, defaultConsoleGlobal), getI18nMessages(appConfig)]);
-        case 11:
+        case 2:
           _yield$Promise$all = _context.sent;
           _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);
           consoleConfig = _yield$Promise$all2[0];
@@ -46,16 +46,16 @@ function _afterLoadHook() {
             app.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages;
             app.context.window.ALIYUN_WIND_MESSAGE = window.ALIYUN_WIND_MESSAGE;
           }
-          _context.next = 22;
+          _context.next = 4;
           break;
-        case 21:
+        case 3:
           if (app !== null && app !== void 0 && app.context && !(sandbox !== null && sandbox !== void 0 && sandbox.disable)) {
             app.context.window.ALIYUN_CONSOLE_CONFIG = defaultConsoleConfig;
             app.context.window.ALIYUN_CONSOLE_GLOBAL = defaultConsoleGlobal;
             app.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = window.ALIYUN_CONSOLE_I18N_MESSAGE;
             app.context.window.ALIYUN_WIND_MESSAGE = window.ALIYUN_WIND_MESSAGE;
           }
-        case 22:
+        case 4:
           overrides = sandbox === null || sandbox === void 0 ? void 0 : sandbox.overrideGlobalVars;
           if (overrides && app) {
             Object.entries(overrides).forEach(function (_ref) {
@@ -71,7 +71,7 @@ function _afterLoadHook() {
             COST: CONFIG_END_TIME - CONFIG_START_TIME
           });
           return _context.abrupt("return", appConfig);
-        case 26:
+        case 5:
         case "end":
           return _context.stop();
       }

package/es/loaders/beforeResolveHook.js

@@ -9,17 +9,17 @@ function beforeResolveHook(_x) {
   return _beforeResolveHook.apply(this, arguments);
 }
 function _beforeResolveHook() {
-  _beforeResolveHook = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
+  _beforeResolveHook = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
     var logger, START_TIME, MANIFEST_START_TIME, resolvedManifest, MANIFEST_END_TIME;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           logger = appConfig.logger;
           START_TIME = Date.now();
           MANIFEST_START_TIME = Date.now();
-          _context.next = 5;
+          _context.next = 1;
           return getManifest(appConfig);
-        case 5:
+        case 1:
           resolvedManifest = _context.sent;
           MANIFEST_END_TIME = Date.now();
           (logger === null || logger === void 0 ? void 0 : logger.record) && logger.record({
@@ -30,7 +30,7 @@ function _beforeResolveHook() {
           });
           appConfig.manifest = resolvedManifest;
           return _context.abrupt("return", appConfig);
-        case 10:
+        case 2:
         case "end":
           return _context.stop();
       }

package/es/schedule.js

@@ -7,7 +7,7 @@ export var Schedule = /*#__PURE__*/function () {
     this.running = [];
     this.delaying = [];
   }
-  _createClass(Schedule, [{
+  return _createClass(Schedule, [{
     key: "push",
     value: function push(priority, task) {
       var _this = this;
@@ -37,5 +37,4 @@ export var Schedule = /*#__PURE__*/function () {
       }
     }
   }]);
-  return Schedule;
 }();

package/es/types/base.js

@@ -1,18 +1,17 @@
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-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); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 var MicroAppBase = /*#__PURE__*/function (_React$Component) {
-  _inherits(MicroAppBase, _React$Component);
-  var _super = _createSuper(MicroAppBase);
   function MicroAppBase() {
     _classCallCheck(this, MicroAppBase);
-    return _super.apply(this, arguments);
+    return _callSuper(this, MicroAppBase, arguments);
   }
+  _inherits(MicroAppBase, _React$Component);
   return _createClass(MicroAppBase);
 }(React.Component);
 export { MicroAppBase as default };