@alicloud/alfa-react 1.6.2-alpha.3 → 1.6.2-alpha.4

package/es/createAlfaWidget.js

@@ -13,6 +13,7 @@ import createApplication from './createApplication';
 import beforeResolveHook from './hooks/beforeResolveHook';
 import beforeLoadHook from './hooks/beforeLoadHook';
 import { isOneConsole } from './helpers/oneConsole';
+import Loading from './components/Loading';
 var loader = BaseLoader.create();
 loader.beforeResolve.use(beforeResolveHook);
 loader.beforeLoad.use(beforeLoadHook);
@@ -45,7 +46,9 @@ function createAlfaWidget(option) {
     dependencies = _ref2.dependencies,
     priority = _ref2.priority,
     dynamicConfig = _ref2.dynamicConfig,
-    manifest = _ref2.manifest;
+    manifest = _ref2.manifest,
+    loading = _ref2.loading,
+    lazyLoad = _ref2.lazyLoad;
   if (name.match(/@ali\/widget-/)) {
     // TODO load style
     return createCWSWidget(option);
@@ -92,11 +95,11 @@ function createAlfaWidget(option) {
         /*#__PURE__*/
         // Compatible with old logic
         // props should not passed in errorBoundary
-        React.createElement(LazyLoad, {
-          height: 1,
-          once: true
-        }, /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(Application, _extends({}, passedInOption, {
-          // name={name}
+        React.createElement(LazyLoad, _extends({
+          placeholder: /*#__PURE__*/React.createElement(Loading, {
+            loading: loading
+          })
+        }, _objectSpread({}, lazyLoad)), /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(Application, _extends({}, passedInOption, {
           style: props.style || passedInOption.style,
           deps: dependencies || {},
           customProps: _objectSpread({}, props),
@@ -111,7 +114,6 @@ function createAlfaWidget(option) {
       // Compatible with old logic
       // props should not passed in errorBoundary
       React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(Application, _extends({}, passedInOption, {
-        // name={name}
         style: props.style || passedInOption.style,
         deps: dependencies || {},
         customProps: _objectSpread({}, props),

package/es/version.js

@@ -1 +1 @@
-export var version = '1.6.2-alpha.3';
+export var version = '1.6.2-alpha.4';

package/lib/createAlfaWidget.js

@@ -20,6 +20,7 @@ var _createApplication = _interopRequireDefault(require("./createApplication"));
 var _beforeResolveHook = _interopRequireDefault(require("./hooks/beforeResolveHook"));
 var _beforeLoadHook = _interopRequireDefault(require("./hooks/beforeLoadHook"));
 var _oneConsole = require("./helpers/oneConsole");
+var _Loading = _interopRequireDefault(require("./components/Loading"));
 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; }
@@ -56,7 +57,9 @@ function createAlfaWidget(option) {
     dependencies = _ref2.dependencies,
     priority = _ref2.priority,
     dynamicConfig = _ref2.dynamicConfig,
-    manifest = _ref2.manifest;
+    manifest = _ref2.manifest,
+    loading = _ref2.loading,
+    lazyLoad = _ref2.lazyLoad;
   if (name.match(/@ali\/widget-/)) {
     // TODO load style
     return (0, _widget.createCWSWidget)(option);
@@ -103,11 +106,11 @@ function createAlfaWidget(option) {
         /*#__PURE__*/
         // Compatible with old logic
         // props should not passed in errorBoundary
-        _react.default.createElement(_reactLazyload.default, {
-          height: 1,
-          once: true
-        }, /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(Application, (0, _extends2.default)({}, passedInOption, {
-          // name={name}
+        _react.default.createElement(_reactLazyload.default, (0, _extends2.default)({
+          placeholder: /*#__PURE__*/_react.default.createElement(_Loading.default, {
+            loading: loading
+          })
+        }, _objectSpread({}, lazyLoad)), /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(Application, (0, _extends2.default)({}, passedInOption, {
           style: props.style || passedInOption.style,
           deps: dependencies || {},
           customProps: _objectSpread({}, props),
@@ -122,7 +125,6 @@ function createAlfaWidget(option) {
       // Compatible with old logic
       // props should not passed in errorBoundary
       _react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(Application, (0, _extends2.default)({}, passedInOption, {
-        // name={name}
         style: props.style || passedInOption.style,
         deps: dependencies || {},
         customProps: _objectSpread({}, props),

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/alfa-react",
-  "version": "1.6.2-alpha.3",
+  "version": "1.6.2-alpha.4",
   "description": "Alfa Framework (React Version)",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -48,7 +48,6 @@
     "react-dom": ">=16.0.0"
   },
   "scripts": {
-    "prepublish": "npm run version && npm run babel && npm run babel:esm && npm run types",
     "pub": "pnpm publish",
     "build": "breezr build --engine webpack",
     "babel": "breezr build --engine babel",

package/types/types/index.d.ts

@@ -50,11 +50,30 @@ export interface AlfaFactoryOption extends IAppConfig {
     delay?: number;
     /**
      * 优先级
-     * - high: 尽可能早的加载
-     * - medium: 当 mount 发生后并且 high priority 队列清空后开始加载
-     * - low: 当出现在视窗内并且更高优先级的队列全部清空后，最晚不会迟于 10s 开始加载
+     * - high: 在 mount 前尽可能早的加载
+     * - medium: mount 后开始加载
+     * - low: 懒加载，出现在视窗内开始加载
      */
     priority?: 'high' | 'medium' | 'low';
+    /**
+     * 懒加载配置，配合 priority low 使用
+     */
+    lazyLoad?: {
+        /**
+         * 相对于视窗偏移位置就开始加载
+         */
+        offset?: number | number[] | undefined;
+        throttle?: number | boolean | undefined;
+        debounce?: number | boolean | undefined;
+        /**
+         * 占位
+         */
+        placeholder?: React.ReactNode | undefined;
+        /**
+         * 监听 scroll 事件的节点，当父节点设置 overflow 时会导致 window 无法监听到 scroll 事件
+         */
+        scrollContainer?: string | Element | undefined;
+    };
 }
 type ThenArg<T> = T extends PromiseLike<infer U> ? U : T;
 export type MicroApplication = ThenArg<ReturnType<typeof createMicroApp>>;

package/types/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.6.2-alpha.3";
+export declare const version = "1.6.2-alpha.4";