@alicloud/alfa-react 1.3.0-canary.0 → 1.3.0-canary.12

package/es/app/createIsomorphicMicroApp.js

@@ -0,0 +1,45 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import React, { useContext } from 'react';
+import { renderToString } from '@alicloud/alfa-core';
+import EnvContext from '../context';
+import ErrorBoundary from '../components/ErrorBoundary';
+import Loading from '../components/Loading';
+import { normalizeName } from '../utils';
+
+var App = function App(props) {
+  var env = useContext(EnvContext); // 如果 env 为空，则返回 loading 
+
+  if (!(env !== null && env !== void 0 && env.getJson) || !(env !== null && env !== void 0 && env.fetchBundle) || !(env !== null && env !== void 0 && env.getBundle) || !(env !== null && env !== void 0 && env.fetchJsonResource)) {
+    return /*#__PURE__*/React.createElement(Loading, {
+      loading: props.loading
+    });
+  } // get server render string
+
+
+  var renderString = renderToString(props, env);
+
+  if (!renderString) {
+    return /*#__PURE__*/React.createElement(Loading, {
+      loading: props.loading
+    });
+  }
+
+  return /*#__PURE__*/React.createElement(normalizeName(props.name), {
+    children: /*#__PURE__*/React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: renderString
+      }
+    })
+  });
+};
+
+export function createIsomorphicAlfaApp(option) {
+  return function (props) {
+    return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(App, _objectSpread(_objectSpread({}, props), option)));
+  };
+}

package/es/app/getConsoleConfig.js

@@ -2,7 +2,7 @@ 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); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 

package/es/app.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
@@ -13,7 +13,8 @@ import { getManifest, createMicroApp } from '@alicloud/alfa-core';
 import Loading from './components/Loading';
 import ErrorBoundary from './components/ErrorBoundary';
 import { getConsoleConfig } from './app/getConsoleConfig';
-import { normalizeName } from './utils';
+import { createIsomorphicAlfaApp } from './app/createIsomorphicMicroApp';
+import { normalizeName, isSSR } from './utils';
 
 var getProps = function getProps(props) {
   var parcelProps = _objectSpread({}, props);
@@ -104,6 +105,7 @@ var Application = function Application(props) {
   }
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, !mounted && /*#__PURE__*/React.createElement(Loading, {
+    microAppContainer: name,
     loading: loading
   }), sandbox && sandbox !== true && sandbox.disableFakeBody ? /*#__PURE__*/React.createElement(name, {
     style: style,
@@ -121,6 +123,11 @@ export function createAlfaApp(option) {
   var name = option.name,
       loading = option.loading,
       manifest = option.manifest;
+
+  if (isSSR()) {
+    return createIsomorphicAlfaApp(option);
+  }
+
   var AlfaApp = /*#__PURE__*/lazy( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var resolvedManifest, consoleConfig, AlfaApp;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -179,6 +186,7 @@ export function createAlfaApp(option) {
   return function (props) {
     return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(Suspense, {
       fallback: /*#__PURE__*/React.createElement(Loading, {
+        microAppContainer: normalizeName(name),
         loading: loading
       })
     }, /*#__PURE__*/React.createElement(AlfaApp, _extends({}, option, {

package/es/components/Loading/Skeleton.js

@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 

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); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 

package/es/components/Loading/index.js

@@ -1,7 +1,25 @@
 import React from 'react';
 import Skeleton from './Skeleton';
+var initialPath = window.location.pathname;
 export default function getLoading(_ref) {
-  var loading = _ref.loading;
+  var loading = _ref.loading,
+      microAppContainer = _ref.microAppContainer;
+
+  // 第一次如果是 ssr 出来的内容直接拿 ssr 的内容作为骨架做展示
+  // 防止出现首屏抖动
+  if (microAppContainer) {
+    var node = document.querySelector(microAppContainer); //@ts-ignore
+
+    if (initialPath === window.location.pathname && window.__isSSR) {
+      return /*#__PURE__*/React.createElement(microAppContainer, {
+        children: /*#__PURE__*/React.createElement("div", {
+          dangerouslySetInnerHTML: {
+            __html: node ? node.innerHTML : ''
+          }
+        })
+      });
+    }
+  }
 
   if (loading === false) {
     return null;

package/es/context.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+/**
+ * 用来提供 ssr 状态下的获取 服务端 manifest & bundle 的实现
+ */
+var EnvContext = /*#__PURE__*/createContext({});
+export default EnvContext;

package/es/createAlfaApp.js

@@ -0,0 +1,116 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import React from 'react';
+import { BaseLoader, getManifest, getLocale } from '@alicloud/alfa-core';
+import ErrorBoundary from './components/ErrorBoundary';
+import { getConsoleConfig } from './utils/getConsoleConfig';
+import createApplication from './createApplication';
+var loader = BaseLoader.create(); // get manifest before resolve
+// normalize name
+
+loader.beforeResolve.use( /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
+    var resolvedManifest;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            resolvedManifest = appConfig.manifest;
+
+            if (resolvedManifest) {
+              _context.next = 5;
+              break;
+            }
+
+            _context.next = 4;
+            return getManifest(appConfig);
+
+          case 4:
+            resolvedManifest = _context.sent;
+
+          case 5:
+            return _context.abrupt("return", _objectSpread(_objectSpread({}, appConfig), {}, {
+              manifest: resolvedManifest
+            }));
+
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function (_x) {
+    return _ref.apply(this, arguments);
+  };
+}(), undefined); // inject consoleConfig & locales after load
+
+loader.afterLoad.use( /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(appConfig) {
+    var app, defaultConsoleConfig, consoleConfig, messages, i18nMessages;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            app = appConfig.app;
+            defaultConsoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
+            _context2.next = 4;
+            return getConsoleConfig(appConfig, defaultConsoleConfig);
+
+          case 4:
+            consoleConfig = _context2.sent;
+            _context2.next = 7;
+            return getLocale(appConfig);
+
+          case 7:
+            messages = _context2.sent;
+            i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages);
+
+            if (app && app.context) {
+              app.context.window.ALIYUN_CONSOLE_CONFIG = consoleConfig;
+              app.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages;
+            }
+
+            return _context2.abrupt("return", appConfig);
+
+          case 11:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function (_x2) {
+    return _ref2.apply(this, arguments);
+  };
+}(), undefined);
+var Application = createApplication(loader);
+
+function createAlfaApp(option) {
+  var _ref3 = option || {},
+      name = _ref3.name,
+      dependencies = _ref3.dependencies; // check app option
+
+
+  if (!name) return function () {
+    return null;
+  };
+  var passedInOption = option;
+  return /*#__PURE__*/React.memo(function (props) {
+    return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Application, _extends({}, passedInOption, {
+      deps: dependencies || {},
+      customProps: props
+    })));
+  });
+}
+
+export default createAlfaApp;

package/es/createAlfaWidget.js

@@ -0,0 +1,125 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import React from 'react';
+import { BaseLoader, getManifest, getLocale } from '@alicloud/alfa-core';
+import ErrorBoundary from './components/ErrorBoundary';
+import { getConsoleConfig } from './utils/getConsoleConfig';
+import { createCWSWidget } from './widget';
+import createApplication from './createApplication';
+var loader = BaseLoader.create(); // get manifest before resolve
+// normalize name
+
+loader.beforeResolve.use( /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
+    var resolvedManifest;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            resolvedManifest = appConfig.manifest;
+
+            if (resolvedManifest) {
+              _context.next = 5;
+              break;
+            }
+
+            _context.next = 4;
+            return getManifest(appConfig);
+
+          case 4:
+            resolvedManifest = _context.sent;
+
+          case 5:
+            return _context.abrupt("return", _objectSpread(_objectSpread({}, appConfig), {}, {
+              manifest: resolvedManifest
+            }));
+
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function (_x) {
+    return _ref.apply(this, arguments);
+  };
+}(), undefined); // inject consoleConfig & locales after load
+// remove history in vm context
+
+loader.afterLoad.use( /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(appConfig) {
+    var app, defaultConsoleConfig, consoleConfig, messages, i18nMessages;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            app = appConfig.app;
+            defaultConsoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
+            _context2.next = 4;
+            return getConsoleConfig(appConfig, defaultConsoleConfig);
+
+          case 4:
+            consoleConfig = _context2.sent;
+            _context2.next = 7;
+            return getLocale(appConfig);
+
+          case 7:
+            messages = _context2.sent;
+            i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages);
+
+            if (app && app.context) {
+              app.context.window.ALIYUN_CONSOLE_CONFIG = consoleConfig;
+              app.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages;
+              app.context.history = {};
+            }
+
+            return _context2.abrupt("return", appConfig);
+
+          case 11:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function (_x2) {
+    return _ref2.apply(this, arguments);
+  };
+}(), undefined);
+var Application = createApplication(loader);
+
+function createAlfaApp(option) {
+  var _ref3 = option || {},
+      name = _ref3.name,
+      dependencies = _ref3.dependencies;
+
+  if (!name.match(/@ali\/widget-/)) {
+    // TODO load style
+    return createCWSWidget(option);
+  } // check app option
+
+
+  if (!name) return function () {
+    return null;
+  };
+  var passedInOption = option;
+  return /*#__PURE__*/React.memo(function (props) {
+    return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Application, _extends({}, passedInOption, {
+      // name={name}
+      deps: dependencies || {},
+      customProps: props
+    })));
+  });
+}
+
+export default createAlfaApp;

package/es/createApplication.js

@@ -0,0 +1,113 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { Suspense, useRef, useEffect, useState } from 'react';
+import Loading from './components/Loading';
+import { normalizeName } from './utils';
+
+/**
+ * container for microApp mount
+ * @param loader alfa-core loader
+ * @returns
+ */
+export default function createApplication(loader) {
+  function Application(props) {
+    var name = props.name,
+        manifest = props.manifest,
+        loading = props.loading,
+        sandbox = props.sandbox,
+        customProps = props.customProps,
+        className = props.className,
+        style = props.style;
+
+    var _useState = useState(null),
+        _useState2 = _slicedToArray(_useState, 2),
+        app = _useState2[0],
+        setApp = _useState2[1];
+
+    var appRef = useRef(null);
+    var tagName = normalizeName(props.name);
+    useEffect(function () {
+      // eslint-disable-next-line no-useless-catch
+      _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var _yield$loader$registe, App;
+
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return loader.register({
+                  name: name,
+                  manifest: manifest,
+                  container: appRef.current,
+                  props: customProps,
+                  sandbox: sandbox
+                });
+
+              case 2:
+                _yield$loader$registe = _context.sent;
+                App = _yield$loader$registe.app;
+
+                if (App) {
+                  _context.next = 6;
+                  break;
+                }
+
+                throw new Error('[alfa-react] load app failed.');
+
+              case 6:
+                _context.next = 8;
+                return App.load();
+
+              case 8:
+                if (appRef.current) {
+                  _context.next = 10;
+                  break;
+                }
+
+                throw new Error('[alfa-react] container not found');
+
+              case 10:
+                _context.next = 12;
+                return App.mount(appRef.current, {
+                  customProps: customProps
+                });
+
+              case 12:
+                setApp(App);
+                return _context.abrupt("return", function () {
+                  App && App.unmount();
+                });
+
+              case 14:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))().catch(function (e) {
+        throw e;
+      });
+    }, [name, manifest, customProps, sandbox]);
+
+    if (app) {
+      app.update(customProps);
+    }
+
+    return /*#__PURE__*/React.createElement(Suspense, {
+      fallback: /*#__PURE__*/React.createElement(Loading, {
+        loading: loading
+      })
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, sandbox && sandbox !== true && sandbox.disableFakeBody ? /*#__PURE__*/React.createElement(tagName, {
+      style: style,
+      className: className,
+      ref: appRef,
+      dataId: name
+    }) : /*#__PURE__*/React.createElement(tagName, {}, /*#__PURE__*/React.createElement('div', {
+      ref: appRef
+    }))));
+  }
+
+  return Application;
+}

package/es/types/base.js

@@ -0,0 +1,26 @@
+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 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 MicroAppBase;
+}(React.Component);
+
+export { MicroAppBase as default };

package/es/types/index.js

@@ -0,0 +1 @@
+export {};

package/es/types.js

@@ -0,0 +1 @@
+export {};

package/es/utils/getConsoleConfig.js

@@ -0,0 +1,88 @@
+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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { getConfig } from '@alicloud/alfa-core';
+import md5 from 'crypto-js/md5';
+/**
+ * transform
+ * @param features
+ */
+//@ts-ignore
+
+var processFeatures = function processFeatures(features) {
+  return Object.keys(features).reduce(function (newFeatures, key) {
+    var _ALIYUN_CONSOLE_CONFI;
+
+    var feature = features[key];
+    if (!feature) return newFeatures;
+    var uid = ((_ALIYUN_CONSOLE_CONFI = window.ALIYUN_CONSOLE_CONFIG) === null || _ALIYUN_CONSOLE_CONFI === void 0 ? void 0 : _ALIYUN_CONSOLE_CONFI.CURRENT_PK) || '';
+    var md5Uid = md5(uid).toString();
+    var enableBlockList = feature.enableBlockList,
+        enableSampling = feature.enableSampling,
+        enableWhiteList = feature.enableWhiteList,
+        sampling = feature.sampling,
+        blockList = feature.blockList,
+        whiteList = feature.whiteList;
+
+    if (enableBlockList && blockList.includes(md5Uid)) {
+      newFeatures[key] = false;
+    } else if (enableWhiteList && whiteList.includes(md5Uid)) {
+      newFeatures[key] = true;
+    } else if (enableSampling) {
+      var gray = uid.substring(uid.length - 2);
+      if (Number(gray) >= sampling * 100 || sampling === 0) newFeatures[key] = false;
+      newFeatures[key] = true;
+    } else {
+      newFeatures[key] = false;
+    }
+
+    return newFeatures;
+  }, {});
+};
+
+var mergeConfigDataWithConsoleConfig = function mergeConfigDataWithConsoleConfig(configData, consoleConfig) {
+  var _window, _window$ALIYUN_CONSOL, _configData$ALL_CHANN, _configData$ALL_CHANN2;
+
+  var channel = ((_window = window) === null || _window === void 0 ? void 0 : (_window$ALIYUN_CONSOL = _window.ALIYUN_CONSOLE_CONFIG) === null || _window$ALIYUN_CONSOL === void 0 ? void 0 : _window$ALIYUN_CONSOL.CHANNEL) || 'OFFICIAL';
+  var channelLinks = ((_configData$ALL_CHANN = configData.ALL_CHANNEL_LINKS) === null || _configData$ALL_CHANN === void 0 ? void 0 : _configData$ALL_CHANN[channel]) || {};
+  var channelFeatures = ((_configData$ALL_CHANN2 = configData.ALL_CHANNEL_FEATURE_STATUS) === null || _configData$ALL_CHANN2 === void 0 ? void 0 : _configData$ALL_CHANN2[channel]) || {}; //@ts-ignore
+
+  var features = configData.ALL_FEATURE_STATUS || {};
+  return _objectSpread(_objectSpread({}, consoleConfig), {}, {
+    CHANNEL_LINKS: channelLinks,
+    CHANNEL_FEATURE_STATUS: channelFeatures,
+    FEATURE_STATUS: processFeatures(features)
+  });
+};
+
+export var getConsoleConfig = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(config, consoleConfig) {
+    var configData;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return getConfig(config);
+
+          case 2:
+            configData = _context.sent;
+            return _context.abrupt("return", mergeConfigDataWithConsoleConfig(configData, consoleConfig));
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function getConsoleConfig(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/es/utils/index.js

@@ -0,0 +1,3 @@
+export var normalizeName = function normalizeName(name) {
+  return name.replace(/@/g, '').replace(/\//g, '-');
+};

package/es/utils.js

@@ -1,3 +1,6 @@
 export var normalizeName = function normalizeName(name) {
   return name.replace(/@/g, '').replace(/\//g, '-');
+};
+export var isSSR = function isSSR() {
+  return typeof document === 'undefined';
 };

package/es/widget/getWidgetDeps.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }