@alicloud/alfa-react 1.4.30-alpha.6 → 1.4.30-alpha.8

package/es/components/ErrorBoundary/ErrorPanel.js

@@ -6,6 +6,7 @@ var containerStyle = {
   padding: padding
 };
 var commonErrorStyle = {
+  display: 'none',
   lineHeight: '22px',
   color: '#d93026',
   fontSize: 14
@@ -14,10 +15,6 @@ var commonErrorStyle = {
 var ErrorPanel = function ErrorPanel(props) {
   var error = props.error;
   return /*#__PURE__*/React.createElement("div", {
-    style: {
-      padding: padding
-    }
-  }, process.env.NODE_ENV === 'development' ? /*#__PURE__*/React.createElement("div", {
     style: containerStyle
   }, /*#__PURE__*/React.createElement("div", {
     style: commonErrorStyle
@@ -25,9 +22,7 @@ var ErrorPanel = function ErrorPanel(props) {
     style: {
       overflow: 'scroll'
     }
-  }, error === null || error === void 0 ? void 0 : error.stack)) : /*#__PURE__*/React.createElement("div", {
-    style: commonErrorStyle
-  }, "Error"));
+  }, error === null || error === void 0 ? void 0 : error.stack));
 };
 
 export default ErrorPanel;

package/es/createAlfaApp.js

@@ -34,13 +34,11 @@ function createAlfaApp(option) {
     }, [props]);
     return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(Application // 兼容历史逻辑，优先使用 option 中的 sandbox 参数
     , _extends({}, passedInOption, {
-      puppeteer: props.puppeteer,
+      syncHistory: props.syncHistory,
       basename: props.basename,
       sandbox: option.sandbox || props.sandbox,
       deps: dependencies || {},
-      customProps: customProps // 受控模式下，用于触发子应用随主应用路由变更更新
-      ,
-      path: props.puppeteer ? window.location.toString() : props.path
+      customProps: customProps
     })));
   };
 }

package/es/createApplication.js

@@ -52,7 +52,7 @@ var stripBasename = function stripBasename(path, basename) {
 
 
 export default function createApplication(loader) {
-  function Application(props) {
+  return function Application(props) {
     var name = props.name,
         version = props.version,
         manifest = props.manifest,
@@ -75,7 +75,7 @@ export default function createApplication(loader) {
         locale = props.locale,
         dynamicConfig = props.dynamicConfig,
         noCache = props.noCache,
-        puppeteer = props.puppeteer,
+        syncHistory = props.syncHistory,
         basename = props.basename;
 
     var _useState = useState(null),
@@ -88,13 +88,13 @@ export default function createApplication(loader) {
         setError = _useState4[1];
 
     var appRef = useRef(undefined);
-    var $puppeteer = useRef(puppeteer);
+    var $syncHistory = useRef(syncHistory);
     var $basename = useRef(basename);
     var tagName = normalizeName(props.name);
-    $puppeteer.current = puppeteer;
+    $syncHistory.current = syncHistory;
     $basename.current = basename; // 受控模式锁定一些参数
 
-    if ($puppeteer.current) {
+    if ($syncHistory.current) {
       // 禁止子应用和 consoleBase 通信
       customProps.consoleBase = null; // 覆写 path 参数，用于通知子应用更新路由
 
@@ -249,7 +249,7 @@ export default function createApplication(loader) {
 
                   if (frameWindow) {
                     frameWindow.history.pushState = function (data, unused, _url) {
-                      if ($puppeteer.current) {
+                      if ($syncHistory.current) {
                         var nextPath = addBasename((_url === null || _url === void 0 ? void 0 : _url.toString()) || '', $basename.current);
 
                         if ("".concat(nextPath) !== peelPath(window.location)) {
@@ -265,7 +265,7 @@ export default function createApplication(loader) {
                     frameWindow.history.replaceState = function (data, unused, _url) {
                       var nextPath = addBasename((_url === null || _url === void 0 ? void 0 : _url.toString()) || '', $basename.current);
 
-                      if ($puppeteer.current) {
+                      if ($syncHistory.current) {
                         window.history.replaceState(data, unused, nextPath);
                       }
 
@@ -345,7 +345,5 @@ 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.6';
+export var version = '1.4.30-alpha.8';

package/lib/components/ErrorBoundary/ErrorPanel.js

@@ -16,6 +16,7 @@ var containerStyle = {
   padding: padding
 };
 var commonErrorStyle = {
+  display: 'none',
   lineHeight: '22px',
   color: '#d93026',
   fontSize: 14
@@ -24,10 +25,6 @@ var commonErrorStyle = {
 var ErrorPanel = function ErrorPanel(props) {
   var error = props.error;
   return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      padding: padding
-    }
-  }, process.env.NODE_ENV === 'development' ? /*#__PURE__*/_react.default.createElement("div", {
     style: containerStyle
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: commonErrorStyle
@@ -35,9 +32,7 @@ var ErrorPanel = function ErrorPanel(props) {
     style: {
       overflow: 'scroll'
     }
-  }, error === null || error === void 0 ? void 0 : error.stack)) : /*#__PURE__*/_react.default.createElement("div", {
-    style: commonErrorStyle
-  }, "Error"));
+  }, error === null || error === void 0 ? void 0 : error.stack));
 };
 
 var _default = ErrorPanel;

package/lib/createAlfaApp.js

@@ -57,13 +57,11 @@ function createAlfaApp(option) {
     }, [props]);
     return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(Application // 兼容历史逻辑，优先使用 option 中的 sandbox 参数
     , (0, _extends2.default)({}, passedInOption, {
-      puppeteer: props.puppeteer,
+      syncHistory: props.syncHistory,
       basename: props.basename,
       sandbox: option.sandbox || props.sandbox,
       deps: dependencies || {},
-      customProps: customProps // 受控模式下，用于触发子应用随主应用路由变更更新
-      ,
-      path: props.puppeteer ? window.location.toString() : props.path
+      customProps: customProps
     })));
   };
 }

package/lib/createApplication.js

@@ -74,7 +74,7 @@ var stripBasename = function stripBasename(path, basename) {
 
 
 function createApplication(loader) {
-  function Application(props) {
+  return function Application(props) {
     var name = props.name,
         version = props.version,
         manifest = props.manifest,
@@ -97,7 +97,7 @@ function createApplication(loader) {
         locale = props.locale,
         dynamicConfig = props.dynamicConfig,
         noCache = props.noCache,
-        puppeteer = props.puppeteer,
+        syncHistory = props.syncHistory,
         basename = props.basename;
 
     var _useState = (0, _react.useState)(null),
@@ -110,13 +110,13 @@ function createApplication(loader) {
         setError = _useState4[1];
 
     var appRef = (0, _react.useRef)(undefined);
-    var $puppeteer = (0, _react.useRef)(puppeteer);
+    var $syncHistory = (0, _react.useRef)(syncHistory);
     var $basename = (0, _react.useRef)(basename);
     var tagName = (0, _utils.normalizeName)(props.name);
-    $puppeteer.current = puppeteer;
+    $syncHistory.current = syncHistory;
     $basename.current = basename; // 受控模式锁定一些参数
 
-    if ($puppeteer.current) {
+    if ($syncHistory.current) {
       // 禁止子应用和 consoleBase 通信
       customProps.consoleBase = null; // 覆写 path 参数，用于通知子应用更新路由
 
@@ -270,7 +270,7 @@ function createApplication(loader) {
 
                   if (frameWindow) {
                     frameWindow.history.pushState = function (data, unused, _url) {
-                      if ($puppeteer.current) {
+                      if ($syncHistory.current) {
                         var nextPath = addBasename((_url === null || _url === void 0 ? void 0 : _url.toString()) || '', $basename.current);
 
                         if ("".concat(nextPath) !== peelPath(window.location)) {
@@ -286,7 +286,7 @@ function createApplication(loader) {
                     frameWindow.history.replaceState = function (data, unused, _url) {
                       var nextPath = addBasename((_url === null || _url === void 0 ? void 0 : _url.toString()) || '', $basename.current);
 
-                      if ($puppeteer.current) {
+                      if ($syncHistory.current) {
                         window.history.replaceState(data, unused, nextPath);
                       }
 
@@ -365,7 +365,5 @@ 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.6';
+var version = '1.4.30-alpha.8';
 exports.version = version;

package/package.json

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

package/types/createAlfaApp.d.ts

@@ -5,7 +5,7 @@ interface IProps {
      * @deprecated
      */
     sandbox: Record<string, any>;
-    puppeteer?: boolean;
+    syncHistory?: boolean;
     basename?: string;
     history?: any;
     path?: string;

package/types/createApplication.d.ts

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

package/types/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.4.30-alpha.6";
+export declare const version = "1.4.30-alpha.8";