@alicloud/alfa-react 1.4.30-alpha.2 → 1.4.30-alpha.4

package/es/createAlfaApp.js

@@ -5,7 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 from 'react';
+import React, { useMemo } from 'react';
 import { BaseLoader } from '@alicloud/alfa-core';
 import ErrorBoundary from './components/ErrorBoundary';
 import createApplication from './createApplication';
@@ -26,19 +26,23 @@ function createAlfaApp(option) {
     return null;
   };
   var passedInOption = option;
-  return /*#__PURE__*/React.memo(function (props) {
-    var customProps = _objectSpread(_objectSpread({}, props), {}, {
-      __injectHistory: props.history
-    });
-
-    return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(Application, _extends({}, passedInOption, {
+  return function (props) {
+    var customProps = useMemo(function () {
+      return _objectSpread(_objectSpread({}, props), {}, {
+        __injectHistory: props.history
+      });
+    }, [props]);
+    return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(Application // 兼容历史逻辑，优先使用 option 中的 sandbox 参数
+    , _extends({}, passedInOption, {
       puppeteer: props.puppeteer,
       basename: props.basename,
       sandbox: option.sandbox || props.sandbox,
       deps: dependencies || {},
-      customProps: customProps
+      customProps: customProps // 受控模式下，用于触发子应用随主应用路由变更更新
+      ,
+      path: props.puppeteer ? window.location.toString() : props.path
     })));
-  });
+  };
 }
 
 export default createAlfaApp;

package/es/createAlfaWidget.js

@@ -56,7 +56,7 @@ function createAlfaWidget(option) {
     return null;
   };
   var passedInOption = option;
-  return /*#__PURE__*/React.memo(function (props) {
+  return function (props) {
     return (
       /*#__PURE__*/
       // Compatible with old logic
@@ -67,7 +67,7 @@ function createAlfaWidget(option) {
         customProps: props
       })))
     );
-  });
+  };
 }
 
 export default createAlfaWidget;

package/es/createApplication.js

@@ -13,13 +13,46 @@ import Loading from './components/Loading';
 import { normalizeName, isOsContext } from './utils';
 import { version as loaderVersion } from './version';
 
+var resolvePath = function resolvePath() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  return "/".concat(args.join('/')).replace(/\/+/g, '/');
+};
+/**
+ * 去掉 location.origin 的路径
+ */
+
+
+var peelPath = function peelPath(location) {
+  return location.pathname + location.search + location.hash;
+};
+
+var addBasename = function addBasename(path, basename) {
+  if (!basename) return path;
+  return resolvePath(basename, path);
+};
+
+var stripBasename = function stripBasename(path, basename) {
+  if (!basename) return path;
+
+  var _path = resolvePath(path);
+
+  var _basename = resolvePath(basename);
+
+  if (_path === _basename) return '/';
+  return _path.replace(new RegExp("^".concat(_basename), 'ig'), '');
+};
 /**
  * container for microApp mount
  * @param loader alfa-core loader
  * @returns
  */
+
+
 export default function createApplication(loader) {
-  return function Application(props) {
+  function Application(props) {
     var name = props.name,
         version = props.version,
         manifest = props.manifest,
@@ -59,8 +92,15 @@ export default function createApplication(loader) {
     var $basename = useRef(basename);
     var tagName = normalizeName(props.name);
     $puppeteer.current = puppeteer;
-    $basename.current = basename;
-    if ($puppeteer.current) customProps.consoleBase = null;
+    $basename.current = basename; // 受控模式锁定一些参数
+
+    if ($puppeteer.current) {
+      // 禁止子应用和 consoleBase 通信
+      customProps.consoleBase = null; // 覆写 path 参数，用于通知子应用更新路由
+
+      customProps.path = stripBasename(peelPath(window.location), $basename.current);
+    }
+
     var sandbox = useMemo(function () {
       var _UA_Opt, _RISK_INFO, _um;
 
@@ -116,6 +156,25 @@ export default function createApplication(loader) {
       var App;
       var originalPushState;
       var originalReplaceState;
+      var originalGo; // 受控模式下，返回不会触发子应用内的路由更新
+
+      var updateAppHistory = function updateAppHistory() {
+        if (App) {
+          // 如果子应用路径不同，则主动通知
+          var nextPath = peelPath(App.context.location);
+
+          if (nextPath !== stripBasename(peelPath(window.location), $basename.current)) {
+            var _App$context$baseFram, _App$context$baseFram2;
+
+            var popstateEvent = new Event('popstate');
+            popstateEvent.state = 'mock';
+            if (originalReplaceState) originalReplaceState(null, '', stripBasename(peelPath(window.location), $basename.current));
+            (_App$context$baseFram = App.context.baseFrame) === null || _App$context$baseFram === void 0 ? void 0 : (_App$context$baseFram2 = _App$context$baseFram.contentWindow) === null || _App$context$baseFram2 === void 0 ? void 0 : _App$context$baseFram2.dispatchEvent(popstateEvent);
+          }
+        }
+      };
+
+      window.addEventListener('popstate', updateAppHistory);
 
       _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _app$context$updateBo, _app$context, _app$context$baseFram;
@@ -174,19 +233,39 @@ export default function createApplication(loader) {
 
                 if (frameWindow) {
                   originalPushState = frameWindow === null || frameWindow === void 0 ? void 0 : frameWindow.history.pushState;
-                  originalReplaceState = frameWindow === null || frameWindow === void 0 ? void 0 : frameWindow.history.replaceState; // update context history according to path
+                  originalReplaceState = frameWindow === null || frameWindow === void 0 ? void 0 : frameWindow.history.replaceState;
+                  originalGo = frameWindow === null || frameWindow === void 0 ? void 0 : frameWindow.history.go; // update context history according to path
 
-                  if (path) originalReplaceState(null, '', path);
+                  if (path) originalReplaceState(null, '', path.replace(/\/+/g, '/'));
 
-                  if ($puppeteer.current && frameWindow) {
+                  if (frameWindow) {
                     frameWindow.history.pushState = function (data, unused, _url) {
-                      window.history.pushState(data, unused, "".concat($basename.current || '', "/").concat(_url).replace(/\/\//g, '/'));
-                      originalReplaceState(data, unused, _url);
+                      if ($puppeteer.current) {
+                        var nextPath = addBasename((_url === null || _url === void 0 ? void 0 : _url.toString()) || '', $basename.current);
+
+                        if ("".concat(nextPath) !== peelPath(window.location)) {
+                          window.history.pushState(data, unused, nextPath);
+                        }
+
+                        originalReplaceState(data, unused, _url);
+                      } else {
+                        originalPushState(data, unused, _url);
+                      }
                     };
 
                     frameWindow.history.replaceState = function (data, unused, _url) {
-                      window.history.replaceState(data, unused, "".concat($basename.current || '', "/").concat(_url).replace(/\/\//g, '/'));
+                      var nextPath = addBasename((_url === null || _url === void 0 ? void 0 : _url.toString()) || '', $basename.current);
+
+                      if ($puppeteer.current) {
+                        window.history.replaceState(data, unused, nextPath);
+                      }
+
                       originalReplaceState(data, unused, _url);
+                    }; // 劫持微应用的返回
+
+
+                    frameWindow.history.go = function (n) {
+                      window.history.go(n);
                     };
                   }
                 }
@@ -213,14 +292,20 @@ export default function createApplication(loader) {
       });
 
       return function () {
-        var _App$context$baseFram;
+        var _App$context$baseFram3, _App$context$baseFram4;
 
         isUnmounted = true;
+        window.removeEventListener('popstate', updateAppHistory);
         if (!App) return;
-        App.unmount();
-        var frameWindow = (_App$context$baseFram = App.context.baseFrame) === null || _App$context$baseFram === void 0 ? void 0 : _App$context$baseFram.contentWindow;
-        if (frameWindow && originalPushState) frameWindow.history.pushState = originalPushState;
-        if (frameWindow && originalReplaceState) frameWindow.history.pushState = originalReplaceState; // 在沙箱中嵌套时，必须销毁实例，避免第二次加载时异常
+        var frameHistory = (_App$context$baseFram3 = App.context.baseFrame) === null || _App$context$baseFram3 === void 0 ? void 0 : (_App$context$baseFram4 = _App$context$baseFram3.contentWindow) === null || _App$context$baseFram4 === void 0 ? void 0 : _App$context$baseFram4.history;
+
+        if (frameHistory) {
+          if (originalPushState !== frameHistory.pushState) frameHistory.pushState = originalPushState;
+          if (originalReplaceState !== frameHistory.replaceState) frameHistory.pushState = originalReplaceState;
+          if (originalGo !== frameHistory.go) frameHistory.go = originalGo;
+        }
+
+        App.unmount(); // 在沙箱中嵌套时，必须销毁实例，避免第二次加载时异常
 
         if (isOsContext()) App.destroy();
       };
@@ -246,5 +331,7 @@ export default function createApplication(loader) {
       style: style,
       className: className
     })));
-  };
+  }
+
+  return /*#__PURE__*/React.memo(Application);
 }

package/es/version.js

@@ -1 +1 @@
-export var version = '1.4.30-alpha.2';
+export var version = '1.4.30-alpha.4';

package/lib/createAlfaApp.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,7 +13,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _alfaCore = require("@alicloud/alfa-core");
 
@@ -23,6 +25,10 @@ var _beforeResolveHook = _interopRequireDefault(require("./hooks/beforeResolveHo
 
 var _beforeLoadHook = _interopRequireDefault(require("./hooks/beforeLoadHook"));
 
+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); }
+
+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; }
@@ -43,19 +49,23 @@ function createAlfaApp(option) {
     return null;
   };
   var passedInOption = option;
-  return /*#__PURE__*/_react.default.memo(function (props) {
-    var customProps = _objectSpread(_objectSpread({}, props), {}, {
-      __injectHistory: props.history
-    });
-
-    return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(Application, (0, _extends2.default)({}, passedInOption, {
+  return function (props) {
+    var customProps = (0, _react.useMemo)(function () {
+      return _objectSpread(_objectSpread({}, props), {}, {
+        __injectHistory: props.history
+      });
+    }, [props]);
+    return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(Application // 兼容历史逻辑，优先使用 option 中的 sandbox 参数
+    , (0, _extends2.default)({}, passedInOption, {
       puppeteer: props.puppeteer,
       basename: props.basename,
       sandbox: option.sandbox || props.sandbox,
       deps: dependencies || {},
-      customProps: customProps
+      customProps: customProps // 受控模式下，用于触发子应用随主应用路由变更更新
+      ,
+      path: props.puppeteer ? window.location.toString() : props.path
     })));
-  });
+  };
 }
 
 var _default = createAlfaApp;

package/lib/createAlfaWidget.js

@@ -76,7 +76,7 @@ function createAlfaWidget(option) {
     return null;
   };
   var passedInOption = option;
-  return /*#__PURE__*/_react.default.memo(function (props) {
+  return function (props) {
     return (
       /*#__PURE__*/
       // Compatible with old logic
@@ -87,7 +87,7 @@ function createAlfaWidget(option) {
         customProps: props
       })))
     );
-  });
+  };
 }
 
 var _default = createAlfaWidget;

package/lib/createApplication.js

@@ -35,13 +35,46 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
+var resolvePath = function resolvePath() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  return "/".concat(args.join('/')).replace(/\/+/g, '/');
+};
+/**
+ * 去掉 location.origin 的路径
+ */
+
+
+var peelPath = function peelPath(location) {
+  return location.pathname + location.search + location.hash;
+};
+
+var addBasename = function addBasename(path, basename) {
+  if (!basename) return path;
+  return resolvePath(basename, path);
+};
+
+var stripBasename = function stripBasename(path, basename) {
+  if (!basename) return path;
+
+  var _path = resolvePath(path);
+
+  var _basename = resolvePath(basename);
+
+  if (_path === _basename) return '/';
+  return _path.replace(new RegExp("^".concat(_basename), 'ig'), '');
+};
 /**
  * container for microApp mount
  * @param loader alfa-core loader
  * @returns
  */
+
+
 function createApplication(loader) {
-  return function Application(props) {
+  function Application(props) {
     var name = props.name,
         version = props.version,
         manifest = props.manifest,
@@ -81,8 +114,15 @@ function createApplication(loader) {
     var $basename = (0, _react.useRef)(basename);
     var tagName = (0, _utils.normalizeName)(props.name);
     $puppeteer.current = puppeteer;
-    $basename.current = basename;
-    if ($puppeteer.current) customProps.consoleBase = null;
+    $basename.current = basename; // 受控模式锁定一些参数
+
+    if ($puppeteer.current) {
+      // 禁止子应用和 consoleBase 通信
+      customProps.consoleBase = null; // 覆写 path 参数，用于通知子应用更新路由
+
+      customProps.path = stripBasename(peelPath(window.location), $basename.current);
+    }
+
     var sandbox = (0, _react.useMemo)(function () {
       var _UA_Opt, _RISK_INFO, _um;
 
@@ -138,6 +178,25 @@ function createApplication(loader) {
       var App;
       var originalPushState;
       var originalReplaceState;
+      var originalGo; // 受控模式下，返回不会触发子应用内的路由更新
+
+      var updateAppHistory = function updateAppHistory() {
+        if (App) {
+          // 如果子应用路径不同，则主动通知
+          var nextPath = peelPath(App.context.location);
+
+          if (nextPath !== stripBasename(peelPath(window.location), $basename.current)) {
+            var _App$context$baseFram, _App$context$baseFram2;
+
+            var popstateEvent = new Event('popstate');
+            popstateEvent.state = 'mock';
+            if (originalReplaceState) originalReplaceState(null, '', stripBasename(peelPath(window.location), $basename.current));
+            (_App$context$baseFram = App.context.baseFrame) === null || _App$context$baseFram === void 0 ? void 0 : (_App$context$baseFram2 = _App$context$baseFram.contentWindow) === null || _App$context$baseFram2 === void 0 ? void 0 : _App$context$baseFram2.dispatchEvent(popstateEvent);
+          }
+        }
+      };
+
+      window.addEventListener('popstate', updateAppHistory);
       (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var _app$context$updateBo, _app$context, _app$context$baseFram;
 
@@ -195,19 +254,39 @@ function createApplication(loader) {
 
                 if (frameWindow) {
                   originalPushState = frameWindow === null || frameWindow === void 0 ? void 0 : frameWindow.history.pushState;
-                  originalReplaceState = frameWindow === null || frameWindow === void 0 ? void 0 : frameWindow.history.replaceState; // update context history according to path
+                  originalReplaceState = frameWindow === null || frameWindow === void 0 ? void 0 : frameWindow.history.replaceState;
+                  originalGo = frameWindow === null || frameWindow === void 0 ? void 0 : frameWindow.history.go; // update context history according to path
 
-                  if (path) originalReplaceState(null, '', path);
+                  if (path) originalReplaceState(null, '', path.replace(/\/+/g, '/'));
 
-                  if ($puppeteer.current && frameWindow) {
+                  if (frameWindow) {
                     frameWindow.history.pushState = function (data, unused, _url) {
-                      window.history.pushState(data, unused, "".concat($basename.current || '', "/").concat(_url).replace(/\/\//g, '/'));
-                      originalReplaceState(data, unused, _url);
+                      if ($puppeteer.current) {
+                        var nextPath = addBasename((_url === null || _url === void 0 ? void 0 : _url.toString()) || '', $basename.current);
+
+                        if ("".concat(nextPath) !== peelPath(window.location)) {
+                          window.history.pushState(data, unused, nextPath);
+                        }
+
+                        originalReplaceState(data, unused, _url);
+                      } else {
+                        originalPushState(data, unused, _url);
+                      }
                     };
 
                     frameWindow.history.replaceState = function (data, unused, _url) {
-                      window.history.replaceState(data, unused, "".concat($basename.current || '', "/").concat(_url).replace(/\/\//g, '/'));
+                      var nextPath = addBasename((_url === null || _url === void 0 ? void 0 : _url.toString()) || '', $basename.current);
+
+                      if ($puppeteer.current) {
+                        window.history.replaceState(data, unused, nextPath);
+                      }
+
                       originalReplaceState(data, unused, _url);
+                    }; // 劫持微应用的返回
+
+
+                    frameWindow.history.go = function (n) {
+                      window.history.go(n);
                     };
                   }
                 }
@@ -233,14 +312,20 @@ function createApplication(loader) {
         });
       });
       return function () {
-        var _App$context$baseFram;
+        var _App$context$baseFram3, _App$context$baseFram4;
 
         isUnmounted = true;
+        window.removeEventListener('popstate', updateAppHistory);
         if (!App) return;
-        App.unmount();
-        var frameWindow = (_App$context$baseFram = App.context.baseFrame) === null || _App$context$baseFram === void 0 ? void 0 : _App$context$baseFram.contentWindow;
-        if (frameWindow && originalPushState) frameWindow.history.pushState = originalPushState;
-        if (frameWindow && originalReplaceState) frameWindow.history.pushState = originalReplaceState; // 在沙箱中嵌套时，必须销毁实例，避免第二次加载时异常
+        var frameHistory = (_App$context$baseFram3 = App.context.baseFrame) === null || _App$context$baseFram3 === void 0 ? void 0 : (_App$context$baseFram4 = _App$context$baseFram3.contentWindow) === null || _App$context$baseFram4 === void 0 ? void 0 : _App$context$baseFram4.history;
+
+        if (frameHistory) {
+          if (originalPushState !== frameHistory.pushState) frameHistory.pushState = originalPushState;
+          if (originalReplaceState !== frameHistory.replaceState) frameHistory.pushState = originalReplaceState;
+          if (originalGo !== frameHistory.go) frameHistory.go = originalGo;
+        }
+
+        App.unmount(); // 在沙箱中嵌套时，必须销毁实例，避免第二次加载时异常
 
         if ((0, _utils.isOsContext)()) App.destroy();
       };
@@ -266,5 +351,7 @@ function createApplication(loader) {
       style: style,
       className: className
     })));
-  };
+  }
+
+  return /*#__PURE__*/_react.default.memo(Application);
 }

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/alfa-react",
-  "version": "1.4.30-alpha.2",
+  "version": "1.4.30-alpha.4",
   "description": "Alfa Framework (React Version)",
   "main": "lib/index.js",
   "module": "es/index.js",

package/types/createAlfaApp.d.ts

@@ -1,9 +1,14 @@
-import React from 'react';
+/// <reference types="react" />
 import { AlfaFactoryOption } from './types';
-declare function createAlfaApp<P = any>(option: AlfaFactoryOption): (() => null) | React.MemoExoticComponent<(props: P & {
-    history: any;
-    sandbox: {};
+interface IProps {
+    /**
+     * @deprecated
+     */
+    sandbox: Record<string, any>;
     puppeteer?: boolean;
     basename?: string;
-}) => JSX.Element>;
+    history?: any;
+    path?: string;
+}
+declare function createAlfaApp<P = any>(option: AlfaFactoryOption): (() => null) | ((props: P & IProps) => JSX.Element);
 export default createAlfaApp;

package/types/createAlfaWidget.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { AlfaFactoryOption } from './types';
-declare function createAlfaWidget<P = any>(option: AlfaFactoryOption): ((props: P) => JSX.Element) | (() => null) | React.MemoExoticComponent<(props: P) => JSX.Element>;
+declare function createAlfaWidget<P = any>(option: AlfaFactoryOption): ((props: P) => JSX.Element) | (() => null);
 export default createAlfaWidget;

package/types/createApplication.d.ts

@@ -1,15 +1,16 @@
-/// <reference types="react" />
+import React from 'react';
 import { BaseLoader } from '@alicloud/alfa-core';
 import { AlfaFactoryOption } from './types';
 interface IProps<C = any> extends AlfaFactoryOption {
     customProps: C;
     puppeteer?: boolean;
     basename?: string;
+    path?: string;
 }
 /**
  * container for microApp mount
  * @param loader alfa-core loader
  * @returns
  */
-export default function createApplication(loader: BaseLoader): <C = any>(props: IProps<C>) => JSX.Element;
+export default function createApplication(loader: BaseLoader): React.MemoExoticComponent<(<C = any>(props: IProps<C>) => JSX.Element)>;
 export {};

package/types/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.4.30-alpha.2";
+export declare const version = "1.4.30-alpha.4";