@alicloud/alfa-react 1.4.40 → 1.5.0

package/es/createAlfaApp.js

@@ -31,6 +31,7 @@ function createAlfaApp(option) {
     return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(Application
     // 兼容历史逻辑，优先使用 option 中的 sandbox 参数
     , _extends({}, passedInOption, {
+      style: props.style || passedInOption.style,
       syncHistory: props.syncHistory,
       basename: props.basename,
       sandbox: option.sandbox || props.sandbox,

package/es/createAlfaWidget.js

@@ -58,6 +58,7 @@ function createAlfaWidget(option) {
       // 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/createApplication.js

@@ -6,10 +6,12 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _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, { useRef, useEffect, useState, useMemo } from 'react';
+import { createEventBus } from '@alicloud/alfa-core';
 import Loading from './components/Loading';
 import { normalizeName } from './utils';
 import { countRegister } from './utils/counter';
 import { version as loaderVersion } from './version';
+var eventBus = createEventBus();
 var resolvePath = function resolvePath() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
@@ -77,6 +79,7 @@ export default function createApplication(loader) {
       noCache = props.noCache,
       syncHistory = props.syncHistory,
       basename = props.basename;
+    var handleExternalLink = customProps.handleExternalLink;
     var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
       appInstance = _useState2[0],
@@ -309,6 +312,15 @@ export default function createApplication(loader) {
         // if (isOsContext()) App.destroy();
       };
     }, [memoOptions]);
+    useEffect(function () {
+      var _handleExternalLink = function _handleExternalLink(href) {
+        handleExternalLink === null || handleExternalLink === void 0 ? void 0 : handleExternalLink(href);
+      };
+      eventBus.on("".concat(normalizeName(name), ":external-router"), _handleExternalLink);
+      return function () {
+        eventBus.removeListener("".concat(normalizeName(name), ":external-router"), _handleExternalLink);
+      };
+    }, [handleExternalLink, name]);
     if (appInstance) {
       appInstance.update(customProps);
     }

package/es/index.js

@@ -1,3 +1,4 @@
+export { default as Skeleton } from './components/Loading/Skeleton';
 export { default as createAlfaApp, useAlfaApp } from './createAlfaApp';
 export { default as createAlfaWidget, useAlfaWidget } from './createAlfaWidget';
 export { eventEmitter as widgetEventEmitter } from './widget/index';

package/es/version.js

@@ -1 +1 @@
-export var version = '1.4.40';
+export var version = '1.5.0';

package/lib/createAlfaApp.js

@@ -42,6 +42,7 @@ function createAlfaApp(option) {
     return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(Application
     // 兼容历史逻辑，优先使用 option 中的 sandbox 参数
     , (0, _extends2.default)({}, passedInOption, {
+      style: props.style || passedInOption.style,
       syncHistory: props.syncHistory,
       basename: props.basename,
       sandbox: option.sandbox || props.sandbox,

package/lib/createAlfaWidget.js

@@ -69,6 +69,7 @@ function createAlfaWidget(option) {
       // 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/createApplication.js

@@ -12,6 +12,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _alfaCore = require("@alicloud/alfa-core");
 var _Loading = _interopRequireDefault(require("./components/Loading"));
 var _utils = require("./utils");
 var _counter = require("./utils/counter");
@@ -20,6 +21,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
+var eventBus = (0, _alfaCore.createEventBus)();
 var resolvePath = function resolvePath() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
@@ -87,6 +89,7 @@ function createApplication(loader) {
       noCache = props.noCache,
       syncHistory = props.syncHistory,
       basename = props.basename;
+    var handleExternalLink = customProps.handleExternalLink;
     var _useState = (0, _react.useState)(null),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       appInstance = _useState2[0],
@@ -319,6 +322,15 @@ function createApplication(loader) {
         // if (isOsContext()) App.destroy();
       };
     }, [memoOptions]);
+    (0, _react.useEffect)(function () {
+      var _handleExternalLink = function _handleExternalLink(href) {
+        handleExternalLink === null || handleExternalLink === void 0 ? void 0 : handleExternalLink(href);
+      };
+      eventBus.on("".concat((0, _utils.normalizeName)(name), ":external-router"), _handleExternalLink);
+      return function () {
+        eventBus.removeListener("".concat((0, _utils.normalizeName)(name), ":external-router"), _handleExternalLink);
+      };
+    }, [handleExternalLink, name]);
     if (appInstance) {
       appInstance.update(customProps);
     }

package/lib/index.js

@@ -5,6 +5,12 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function get() {
+    return _Skeleton.default;
+  }
+});
 Object.defineProperty(exports, "addGlobalRequestInterceptor", {
   enumerable: true,
   get: function get() {
@@ -53,6 +59,7 @@ Object.defineProperty(exports, "widgetEventEmitter", {
     return _index.eventEmitter;
   }
 });
+var _Skeleton = _interopRequireDefault(require("./components/Loading/Skeleton"));
 var _createAlfaApp = _interopRequireWildcard(require("./createAlfaApp"));
 var _createAlfaWidget = _interopRequireWildcard(require("./createAlfaWidget"));
 var _index = require("./widget/index");

package/lib/version.js

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

package/package.json

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

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

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

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

@@ -1,9 +1,9 @@
-import * as React from 'react';
+/// <reference types="react" />
 export interface SkeletonTitleProps {
     prefixCls?: string;
     className?: string;
     style?: object;
     width?: number | string;
 }
-declare const Title: ({ prefixCls, className, width, style }: SkeletonTitleProps) => React.JSX.Element;
+declare const Title: ({ prefixCls, className, width, style }: SkeletonTitleProps) => 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;
-}): React.JSX.Element | null;
+}): JSX.Element | null;

package/types/createAlfaApp.d.ts

@@ -4,17 +4,36 @@ interface IProps {
     /**
      * @deprecated
      */
-    sandbox: Record<string, any>;
+    sandbox?: Record<string, any>;
+    /**
+     * 处理外跳链接
+     * @param url
+     * @returns
+     */
+    handleExternalLink?: (url: string) => void;
+    /**
+     * 是否开启路由自动同步，需配合 basename 使用
+     */
     syncHistory?: boolean;
+    /**
+     * 子应用路由前缀
+     */
     basename?: string;
     history?: any;
+    /**
+     * 子应用路由
+     */
     path?: string;
+    /**
+     * 根节点样式
+     */
+    style?: React.CSSProperties;
 }
-declare function createAlfaApp<P = any>(option: AlfaFactoryOption): (() => null) | ((props: P & IProps) => React.JSX.Element);
+declare function createAlfaApp<P = any>(option: AlfaFactoryOption): (() => null) | ((props: P & IProps) => JSX.Element);
 /**
  * create memorized app in react function component, just create App after first mounted
  * @param option
  * @returns
  */
-export declare function useAlfaApp<P = any>(option: AlfaFactoryOption): (() => null) | ((props: P & IProps) => React.JSX.Element);
+export declare function useAlfaApp<P = any>(option: AlfaFactoryOption): (() => null) | ((props: P & IProps) => JSX.Element);
 export default createAlfaApp;

package/types/createAlfaWidget.d.ts

@@ -1,10 +1,22 @@
 import React from 'react';
 import { AlfaFactoryOption } from './types';
-declare function createAlfaWidget<P = any>(option: AlfaFactoryOption): (() => null) | ((props: P & {}) => React.JSX.Element);
+interface IProps {
+    /**
+     * 处理外跳链接
+     * @param url
+     * @returns
+     */
+    handleExternalLink?: (url: string) => void;
+    /**
+     * 根节点样式
+     */
+    style?: React.CSSProperties;
+}
+declare function createAlfaWidget<P = any>(option: AlfaFactoryOption): (() => null) | ((props: P & IProps) => JSX.Element);
 /**
  * create memorized app in react function component, just create App after first mounted
  * @param option
  * @returns
  */
-export declare function useAlfaWidget<P = any>(option: AlfaFactoryOption): (() => null) | ((props: P & {}) => React.JSX.Element);
+export declare function useAlfaWidget<P = any>(option: AlfaFactoryOption): (() => null) | ((props: P & IProps) => JSX.Element);
 export default createAlfaWidget;

package/types/createApplication.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { BaseLoader } from '@alicloud/alfa-core';
 import { AlfaFactoryOption } from './types';
 interface IProps<C = any> extends AlfaFactoryOption {
@@ -7,6 +7,7 @@ interface IProps<C = any> extends AlfaFactoryOption {
         path?: string;
         __injectHistory?: any;
         __innerStamp?: string;
+        handleExternalLink?: (href: string) => void;
     };
     syncHistory?: boolean;
     basename?: string;
@@ -16,5 +17,5 @@ interface IProps<C = any> extends AlfaFactoryOption {
  * @param loader alfa-core loader
  * @returns
  */
-export default function createApplication(loader: BaseLoader): <C = any>(props: IProps<C>) => React.JSX.Element;
+export default function createApplication(loader: BaseLoader): <C = any>(props: IProps<C>) => JSX.Element;
 export {};

package/types/index.d.ts

@@ -1,3 +1,4 @@
+export { default as Skeleton } from './components/Loading/Skeleton';
 export { default as createAlfaApp, useAlfaApp } from './createAlfaApp';
 export { default as createAlfaWidget, useAlfaWidget } from './createAlfaWidget';
 export { eventEmitter as widgetEventEmitter } from './widget/index';

package/types/types/index.d.ts

@@ -14,6 +14,10 @@ export interface AlfaFactoryOption extends IAppConfig {
     loading?: boolean | React.ReactChild;
     dependencies?: Record<string, any>;
     className?: string;
+    /**
+     * @deprecated
+     * 根节点样式
+     */
     style?: Record<string, any>;
     unstable_runtime?: {
         css?: Record<string, string>;

package/types/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.4.40";
+export declare const version = "1.5.0";

package/types/widget.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { WidgetFactoryOption } from './types';
-export declare function createCWSWidget<T>(option: WidgetFactoryOption): (props: T) => React.JSX.Element;
+export declare function createCWSWidget<T>(option: WidgetFactoryOption): (props: T) => JSX.Element;