@alicloud/alfa-react 1.7.1-alpha.2 → 2.0.0-alpha.0

package/lib/utils/counter.js

@@ -12,12 +12,11 @@ var min = 1000;
  * 计算初始化次数，并提示重复加载的应用
  * @param appId string
  */
-var countRegister = function countRegister(appId) {
+var countRegister = exports.countRegister = function countRegister(appId) {
   var nowTime = Date.now();
   if (lastApp === appId && lastTime && nowTime - lastTime < min) {
     console.warn("[@alicloud/alfa-react] ".concat(appId, " \u91CD\u590D\u52A0\u8F7D\uFF0C\u8BF7\u68C0\u67E5\u4F60\u7684\u4EE3\u7801\u3002\u8BF7\u5728\u51FD\u6570\u7EC4\u4EF6\u4E2D\u4F7F\u7528 useAlfaApp \u6216 useAlfaWidget \u65B9\u6CD5\u3002"));
   }
   lastApp = appId;
   lastTime = nowTime;
-};
-exports.countRegister = countRegister;
+};

package/lib/utils/getConsoleConfig.js

@@ -5,12 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getConsoleConfig = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _alfaCore = require("@alicloud/alfa-core");
-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; }
+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) { (0, _defineProperty2.default)(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; }
 /**
  * transform
  * @param features
@@ -82,20 +80,6 @@ var mergeConfigDataWithConsoleConfig = function mergeConfigDataWithConsoleConfig
     FEATURE_STATUS: _objectSpread(_objectSpread({}, consoleConfig === null || consoleConfig === void 0 ? void 0 : consoleConfig.FEATURE_STATUS), processFeatures(features))
   });
 };
-var getConsoleConfig = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(configData, consoleConfig, channel) {
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          return _context.abrupt("return", mergeConfigDataWithConsoleConfig(configData, consoleConfig, channel));
-        case 1:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function getConsoleConfig(_x, _x2, _x3) {
-    return _ref.apply(this, arguments);
-  };
-}();
-exports.getConsoleConfig = getConsoleConfig;
+var getConsoleConfig = exports.getConsoleConfig = function getConsoleConfig(configData, consoleConfig, channel) {
+  return mergeConfigDataWithConsoleConfig(configData, consoleConfig, channel);
+};

package/lib/utils/getConsoleGlobal.js

@@ -5,25 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getConsoleGlobal = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/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) { (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 getConsoleGlobal = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(configData, global) {
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          return _context.abrupt("return", _objectSpread(_objectSpread({}, global), configData === null || configData === void 0 ? void 0 : configData.GLOBAL_DATA));
-        case 1:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function getConsoleGlobal(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
-exports.getConsoleGlobal = getConsoleGlobal;
+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) { (0, _defineProperty2.default)(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; }
+var getConsoleGlobal = exports.getConsoleGlobal = function getConsoleGlobal(configData, global) {
+  return _objectSpread(_objectSpread({}, global), configData === null || configData === void 0 ? void 0 : configData.GLOBAL_DATA);
+};

package/lib/utils/index.js

@@ -8,15 +8,14 @@ exports.stripBasename = exports.setNativeProperty = exports.resolvePath = export
  * kernel 会为沙箱 context 注入 __IS_CONSOLE_OS_CONTEXT__
  */
 
-var normalizeName = function normalizeName(name) {
+var normalizeName = exports.normalizeName = function normalizeName(name) {
   return name.replace(/@/g, '').replace(/\//g, '-');
 };
 
 /**
  * 判断是否在沙箱环境中运行
  */
-exports.normalizeName = normalizeName;
-var isOsContext = function isOsContext() {
+var isOsContext = exports.isOsContext = function isOsContext() {
   try {
     return context.__IS_CONSOLE_OS_CONTEXT__;
   } catch (e) {
@@ -33,38 +32,32 @@ var isOsContext = function isOsContext() {
  * @param value
  * @returns
  */
-exports.isOsContext = isOsContext;
-var setNativeProperty = function setNativeProperty(obj, propertyName, value) {
+var setNativeProperty = exports.setNativeProperty = function setNativeProperty(obj, propertyName, value) {
   var desc = Object.getOwnPropertyDescriptor(obj, propertyName);
 
   // in strict mode, Cannot set property go of [xx] which has only a getter
   if (desc && typeof desc.set === 'undefined') return;
   obj[propertyName] = value;
 };
-exports.setNativeProperty = setNativeProperty;
-var IS_SSR = typeof document === 'undefined';
+var IS_SSR = exports.IS_SSR = typeof document === 'undefined';
 
 /**
  * 去掉 location.origin 的路径
  */
-exports.IS_SSR = IS_SSR;
-var peelPath = function peelPath(location) {
+var peelPath = exports.peelPath = function peelPath(location) {
   return location.pathname + location.search + location.hash;
 };
-exports.peelPath = peelPath;
-var resolvePath = function resolvePath() {
+var resolvePath = exports.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, '/');
 };
-exports.resolvePath = resolvePath;
-var addBasename = function addBasename(path, basename) {
+var addBasename = exports.addBasename = function addBasename(path, basename) {
   if (!basename) return path;
   return resolvePath(basename, path);
 };
-exports.addBasename = addBasename;
-var addLeftSlash = function addLeftSlash(path) {
+var addLeftSlash = exports.addLeftSlash = function addLeftSlash(path) {
   return path.charAt(0) === '/' ? path : "/".concat(path);
 };
 
@@ -74,8 +67,7 @@ var addLeftSlash = function addLeftSlash(path) {
  * @param basename
  * @returns string
  */
-exports.addLeftSlash = addLeftSlash;
-var stripBasename = function stripBasename(path, basename) {
+var stripBasename = exports.stripBasename = function stripBasename(path, basename) {
   if (!basename) return path;
   var _path = resolvePath(path);
   var _basename = resolvePath(basename);
@@ -90,13 +82,11 @@ var stripBasename = function stripBasename(path, basename) {
  * May not use a History object associated with a Document that is not fully active
  * @returns any
  */
-exports.stripBasename = stripBasename;
-var getHistoryState = function getHistoryState() {
+var getHistoryState = exports.getHistoryState = function getHistoryState() {
   try {
     var _window;
     return (_window = window) === null || _window === void 0 ? void 0 : _window.history.state;
   } catch (e) {
     return null;
   }
-};
-exports.getHistoryState = getHistoryState;
+};

package/lib/version.js

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

package/lib/widget/emitter.js

@@ -7,20 +7,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _events = require("events");
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); }
 var WidgetEventEmitter = /*#__PURE__*/function (_EventEmitter) {
-  (0, _inherits2.default)(WidgetEventEmitter, _EventEmitter);
-  var _super = _createSuper(WidgetEventEmitter);
   function WidgetEventEmitter() {
     (0, _classCallCheck2.default)(this, WidgetEventEmitter);
-    return _super.apply(this, arguments);
+    return _callSuper(this, WidgetEventEmitter, arguments);
   }
-  (0, _createClass2.default)(WidgetEventEmitter, [{
+  (0, _inherits2.default)(WidgetEventEmitter, _EventEmitter);
+  return (0, _createClass2.default)(WidgetEventEmitter, [{
     key: "refersh",
     value:
     // Compatible with the old api, this may get removed at sometime later.
@@ -33,7 +32,5 @@ var WidgetEventEmitter = /*#__PURE__*/function (_EventEmitter) {
       return this.emit("".concat(widgetId, ":REFRESH"));
     }
   }]);
-  return WidgetEventEmitter;
 }(_events.EventEmitter);
-var _default = new WidgetEventEmitter();
-exports.default = _default;
+var _default = exports.default = new WidgetEventEmitter();

package/lib/widget/env.js

@@ -10,7 +10,7 @@ var cdnReleaseConfigUrl = 'https://cws.alicdn.com/Release/pkgs/${id}/config.json
 var cdnPrepubConfigUrl = 'https://cws.aliyun-inc.com/Release/pkgs/${id}/config.json';
 var resourceProdUrl = 'https://g.alicdn.com/${id}/${version}/index.js';
 var resourceDailyUrl = 'https://dev.g.alicdn.com/${id}/${version}/index.js';
-var ENV = {
+var ENV = exports.ENV = {
   local: {
     releaseUrl: process.env.ALFA_RELEASE_URL || cdnPrepubUrl,
     configUrl: cdnPrepubConfigUrl,
@@ -32,10 +32,9 @@ var ENV = {
     resourceUrl: resourceProdUrl
   }
 };
-exports.ENV = ENV;
 var disCdnPrepubUrl = 'https://cws2.alicdn.com/Prepub/pkgs/${id}/release.json';
 var disCdnReleaseUrl = 'https://cws.alicdn.com/Release/pkgs/${id}/release.json';
-var DIS_ENV = {
+var DIS_ENV = exports.DIS_ENV = {
   local: {
     releaseUrl: process.env.ALFA_RELEASE_URL || disCdnPrepubUrl,
     configUrl: cdnPrepubConfigUrl,
@@ -57,13 +56,11 @@ var DIS_ENV = {
     resourceUrl: resourceProdUrl
   }
 };
-exports.DIS_ENV = DIS_ENV;
-var getConsoleEnv = function getConsoleEnv() {
+var getConsoleEnv = exports.getConsoleEnv = function getConsoleEnv() {
   var _window, _window$ALIYUN_CONSOL;
   if (process.env.NODE_ENV === 'development') {
     return 'local';
   }
   // @ts-ignore
   return ((_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.fEnv) || 'prod';
-};
-exports.getConsoleEnv = getConsoleEnv;
+};

package/lib/widget/getWidgetConfigById.js

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.getWidgetConfigById = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _template = _interopRequireDefault(require("lodash/template"));
+var _lodashEs = require("lodash-es");
 var _alfaCore = require("@alicloud/alfa-core");
 var _env = require("./env");
 var cachedConfig = {};
-var getWidgetConfigById = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(option) {
+var getWidgetConfigById = exports.getWidgetConfigById = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(option) {
     var env, resp;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -23,7 +23,7 @@ var getWidgetConfigById = /*#__PURE__*/function () {
             break;
           }
           _context.next = 4;
-          return _alfaCore.request.get((0, _template.default)(env.configUrl)({
+          return _alfaCore.request.get((0, _lodashEs.template)(env.configUrl)({
             id: option.name
           }));
         case 4:
@@ -40,5 +40,4 @@ var getWidgetConfigById = /*#__PURE__*/function () {
   return function getWidgetConfigById(_x) {
     return _ref.apply(this, arguments);
   };
-}();
-exports.getWidgetConfigById = getWidgetConfigById;
+}();

package/lib/widget/getWidgetDeps.js

@@ -12,16 +12,16 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _axios = _interopRequireDefault(require("axios"));
-var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
+var _lodashEs = require("lodash-es");
 var propTypes = _interopRequireWildcard(require("prop-types"));
 var _consoleOsLoader = require("@alicloud/console-os-loader");
 var _widget = require("../widget");
 var _getWidgetVersionById = require("./getWidgetVersionById");
 var widgetUtils = _interopRequireWildcard(require("@alicloud/widget-utils-console"));
-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; } // @ts-ignore
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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) { (0, _defineProperty2.default)(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; } // @ts-ignore
 var cachedRuntime = {};
 var cachedMessage = null;
 var WIDGET_RUNTIME_ID = '@ali/widget-wind-runtime';
@@ -43,9 +43,8 @@ var createWidget = function createWidget(option) {
     });
   };
 };
-var getWidgetDeps = /*#__PURE__*/function () {
-  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(config, option) {
-    var _objectSpread2;
+var getWidgetDeps = exports.getWidgetDeps = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(config, option) {
     var _yield$getWidgetVersi, _yield$getWidgetVersi2, entryUrl, version, _yield$getWidgetVersi3, _yield$getWidgetVersi4, messageVersion, resp, _yield$getWidgetVersi5, oldVersion, components, injectedWidgetUtils;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -124,7 +123,7 @@ var getWidgetDeps = /*#__PURE__*/function () {
           cachedRuntime[version] = _context.sent;
           components = cachedRuntime[version].default['@ali/wind'];
           Object.keys(components).forEach(function (key) {
-            cachedRuntime[version].default["@ali/wind/lib/".concat((0, _kebabCase.default)(key).toLowerCase())] = components[key];
+            cachedRuntime[version].default["@ali/wind/lib/".concat((0, _lodashEs.kebabCase)(key).toLowerCase())] = components[key];
           });
         case 31:
           injectedWidgetUtils = _objectSpread(_objectSpread({}, widgetUtils), {}, {
@@ -149,7 +148,7 @@ var getWidgetDeps = /*#__PURE__*/function () {
             'react-dom': _reactDom.default,
             'prop-types': propTypes,
             axios: _axios.default
-          }, cachedRuntime[version].default), {}, (_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, WIDGET_UTILS_PKG_NAME, injectedWidgetUtils), (0, _defineProperty2.default)(_objectSpread2, '@ali/widget-utils-config', injectedWidgetUtils), (0, _defineProperty2.default)(_objectSpread2, '@ali/widget-loader', createWidget), _objectSpread2)));
+          }, cachedRuntime[version].default), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, WIDGET_UTILS_PKG_NAME, injectedWidgetUtils), '@ali/widget-utils-config', injectedWidgetUtils), '@ali/widget-loader', createWidget)));
         case 33:
         case "end":
           return _context.stop();
@@ -159,5 +158,4 @@ var getWidgetDeps = /*#__PURE__*/function () {
   return function getWidgetDeps(_x, _x2) {
     return _ref2.apply(this, arguments);
   };
-}();
-exports.getWidgetDeps = getWidgetDeps;
+}();

package/lib/widget/getWidgetVersionById.js

@@ -7,24 +7,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.getWidgetVersionById = exports.cachedRelease = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _template = _interopRequireDefault(require("lodash/template"));
+var _lodashEs = require("lodash-es");
 var _alfaCore = require("@alicloud/alfa-core");
 var _env = require("./env");
 var _ALIYUN_CONSOLE_CONFI;
-var cachedRelease = null;
-exports.cachedRelease = cachedRelease;
+var cachedRelease = exports.cachedRelease = null;
 var WIDGET_ENTRY_URL = 'https://g.alicdn.com/${id}/${version}/index.js';
 var uid = (_ALIYUN_CONSOLE_CONFI = window.ALIYUN_CONSOLE_CONFIG) === null || _ALIYUN_CONSOLE_CONFI === void 0 ? void 0 : _ALIYUN_CONSOLE_CONFI.MAIN_ACCOUNT_PK;
 var normalizeEntryUrl = function normalizeEntryUrl(id, version, resourceUrl) {
   if (!version) throw new Error('No Version for Widget');
   var gitRepoId = id.replace('@ali/', '').replace('widget-', 'widget/');
-  return (0, _template.default)(resourceUrl)({
+  return (0, _lodashEs.template)(resourceUrl)({
     id: gitRepoId,
     version: version
   });
 };
-var getWidgetVersionById = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(option) {
+var getWidgetVersionById = exports.getWidgetVersionById = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(option) {
     var _release$distTags, _release$distTags2, _release$nextVersion;
     var name, _option$central, central, env, Release, version, entryUrl, _resp, _cachedRelease$option, _cachedRelease$option2, latestVersion, _nextVersion, gray, resp, release, nextVersion, sampling;
     return _regenerator.default.wrap(function _callee$(_context) {
@@ -78,7 +77,7 @@ var getWidgetVersionById = /*#__PURE__*/function () {
           });
         case 19:
           _context.next = 21;
-          return _alfaCore.request.get((0, _template.default)(Release.releaseUrl)({
+          return _alfaCore.request.get((0, _lodashEs.template)(Release.releaseUrl)({
             id: name
           }));
         case 21:
@@ -114,5 +113,4 @@ var getWidgetVersionById = /*#__PURE__*/function () {
   return function getWidgetVersionById(_x) {
     return _ref.apply(this, arguments);
   };
-}();
-exports.getWidgetVersionById = getWidgetVersionById;
+}();

package/lib/widget.js

@@ -16,12 +16,12 @@ var _index = require("./widget/index");
 var _ErrorBoundary = _interopRequireDefault(require("./components/ErrorBoundary"));
 var _Loading = _interopRequireDefault(require("./components/Loading"));
 var _utils = require("./utils");
-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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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) { (0, _defineProperty2.default)(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 createCWSWidget(option) {
-  var AlfaWidget = /*#__PURE__*/(0, _react.lazy)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+  var AlfaWidget = /*#__PURE__*/(0, _react.lazy)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
     var url, config, _yield$getWidgetVersi, version, entryUrl, deps;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/alfa-react",
-  "version": "1.7.1-alpha.2",
+  "version": "2.0.0-alpha.0",
   "description": "Alfa Framework (React Version)",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -11,37 +11,49 @@
     "access": "public"
   },
   "devDependencies": {
-    "@alicloud/console-toolkit-cli": "^1.0.0",
+    "@alicloud/console-toolkit-cli": "^1.0.1",
     "@alicloud/console-toolkit-preset-wind-component": "^1.0.0",
+    "@chromatic-com/storybook": "^3.2.6",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-onboarding": "^8.6.12",
+    "@storybook/react": "^8.6.12",
+    "@storybook/react-vite": "^8.6.12",
     "@types/axios": "^0.14.0",
     "@types/chai": "^4.1.7",
     "@types/classnames": "^2.2.9",
     "@types/crypto-js": "^4.0.2",
     "@types/jest": "^23.3.13",
     "@types/lodash": "^4.14.176",
+    "@types/lodash-es": "^4.17.12",
     "@types/prop-types": "^15.7.5",
-    "@types/react": "^16.9.2",
-    "@types/react-dom": "^16.9.0",
+    "@types/react": "^18.3.20",
+    "@types/react-dom": "^18.3.6",
     "@types/react-lazyload": "^3.2.3",
     "@types/single-spa-react": "^2.8.3",
     "jest": "^23.6.0",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "sass": "^1.86.3",
+    "storybook": "^8.6.12",
     "ts-jest": "^23.10.5",
     "tslib": "^2.4.0",
-    "typescript": "^4.0.0"
+    "typescript": "^4.0.0",
+    "vite": "^6.3.2",
+    "vite-plugin-node-polyfills": "^0.23.0"
   },
   "dependencies": {
-    "@alicloud/alfa-core": "^1.5.0-alpha.1",
     "@alicloud/console-base-messenger": "^1.18.1",
-    "@alicloud/console-os-loader": "^1.4.45-alpha.0",
     "@alicloud/widget-utils-console": "^0.1.6",
     "@alicloud/xconsole-context": "^2.4.32",
     "axios": "^0.21.4",
     "classnames": "^2.2.6",
     "crypto-js": "^4.1.1",
+    "lodash-es": "^4.17.21",
     "prop-types": "^15.8.1",
-    "react-lazyload": "^3.2.1"
+    "react-lazyload": "^3.2.1",
+    "@alicloud/alfa-core": "^1.5.0-alpha.4",
+    "@alicloud/console-os-loader": "^1.4.45-alpha.1"
   },
   "peerDependencies": {
     "react": ">=16.0.0",
@@ -55,7 +67,7 @@
     "types": "tsc --emitDeclarationOnly -d --declarationDir ./types",
     "storybook": "breezr start-storybook",
     "clean": "rm -rf lib es dist types yarn.lock",
-    "start": "NODE_OPTIONS=--openssl-legacy-provider breezr start-storybook",
+    "start": "storybook dev -p 6006",
     "precommit": "npm run version",
     "version": "node -p \"'export const version = \\'' + require('./package.json').version + '\\';'\" > src/version.ts && git add src/version.ts"
   }

package/types/components/ErrorBoundary/index.d.ts

@@ -1,5 +1,6 @@
-import React, { ErrorInfo } from 'react';
+import React from 'react';
 import { AlfaLogger } from '@alicloud/alfa-core';
+import type { PropsWithChildren, ErrorInfo } from 'react';
 interface IProps {
     fallbackRender?: (error?: Error) => React.ReactNode;
     appDidCatch?: (error?: Error, info?: ErrorInfo) => void;
@@ -9,9 +10,9 @@ interface State {
     hasError: boolean;
     error?: Error;
 }
-declare class ErrorBoundary extends React.Component<IProps, State> {
+declare class ErrorBoundary extends React.Component<PropsWithChildren<IProps>, State> {
     constructor(props: IProps);
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): React.ReactNode;
+    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
 }
 export default ErrorBoundary;

package/types/components/Loading/Paragraph.d.ts

@@ -9,6 +9,6 @@ export interface SkeletonParagraphProps {
 }
 declare class Paragraph extends React.Component<SkeletonParagraphProps, {}> {
     private getWidth;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Paragraph;

package/types/components/Loading/Skeleton.d.ts

@@ -13,7 +13,7 @@ export interface SkeletonProps {
 declare class Skeleton extends React.Component<SkeletonProps, any> {
     static defaultProps: Partial<SkeletonProps>;
     componentDidMount(): void;
-    renderSkeleton: () => React.ReactNode;
-    render(): React.ReactNode;
+    renderSkeleton: () => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
+    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
 }
 export default Skeleton;

package/types/components/Loading/Title.d.ts

@@ -1,8 +1,9 @@
+import * as React from 'react';
 export interface SkeletonTitleProps {
     prefixCls?: string;
     className?: string;
     style?: object;
     width?: number | string;
 }
-declare const Title: ({ prefixCls, className, width, style }: SkeletonTitleProps) => JSX.Element;
+declare const Title: ({ prefixCls, className, width, style }: SkeletonTitleProps) => React.JSX.Element;
 export default Title;

package/types/components/Loading/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export default function getLoading({ loading }: {
     loading?: boolean | React.ReactChild;
-}): JSX.Element | null;
+}): React.JSX.Element | null;

package/types/createAlfaApp.d.ts

@@ -1,8 +1,6 @@
+import React from 'react';
 import { AlfaFactoryOption } from './types';
-import type { IApplicationProps, IApplicationCustomProps } from './createApplication';
-interface IProps extends IApplicationProps, IApplicationCustomProps {
-}
-declare function createAlfaApp<P = any>(option: AlfaFactoryOption): (() => null) | ((props: P & IProps) => JSX.Element);
+declare function createAlfaApp<P = any>(option: AlfaFactoryOption): React.FC<any>;
 /**
  * create memorized app in react function component,
  * it will update when name or version changed as default
@@ -10,5 +8,5 @@ declare function createAlfaApp<P = any>(option: AlfaFactoryOption): (() => null)
  * @param dep custom useMemo deps
  * @returns
  */
-export declare function useAlfaApp<P = any>(option: AlfaFactoryOption, deps?: any[]): (() => null) | ((props: P & IProps) => JSX.Element);
+export declare function useAlfaApp<P = any>(option: AlfaFactoryOption, deps?: any[]): React.FC<any>;
 export default createAlfaApp;

package/types/createApplication.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { BaseLoader } from '@alicloud/alfa-core';
 import type { AlfaFactoryOption } from './types';
 export interface IApplicationCustomProps {
@@ -61,4 +62,4 @@ export interface IApplicationProps<C = any> extends AlfaFactoryOption {
  * @param loader alfa-core loader
  * @returns
  */
-export default function createApplication(loader: BaseLoader): <C = any>(props: IApplicationProps<C>) => JSX.Element;
+export default function createApplication(loader: BaseLoader): <C = any>(props: IApplicationProps<C>) => React.JSX.Element;

package/types/types/index.d.ts

@@ -43,7 +43,7 @@ export interface AlfaFactoryOption extends IAppConfig {
     /**
      * @deprecated
      */
-    fallbackRender?: (error?: Error) => Element;
+    fallbackRender?: (error?: Error) => React.ReactNode;
     /**
      * 延迟加载
      */