@alicloud/alfa-react 1.5.13-alpha.0 → 1.5.13-alpha.2

package/es/createAlfaApp.js

@@ -33,6 +33,8 @@ function createAlfaApp(option) {
     , _extends({}, passedInOption, {
       style: props.style || passedInOption.style,
       syncHistory: props.syncHistory,
+      syncRegion: props.syncRegion,
+      syncResourceGroup: props.syncResourceGroup,
       onSyncHistory: props.onSyncHistory,
       basename: props.basename,
       sandbox: option.sandbox || props.sandbox,

package/es/createApplication.js

@@ -5,8 +5,9 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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 React, { useRef, useEffect, useState, useMemo, useContext } from 'react';
 import { createEventBus } from '@alicloud/alfa-core';
+import { ConsoleRegion, ConsoleResourceGroup, ConsoleContext } from '@alicloud/xconsole-context';
 import Loading from './components/Loading';
 import { normalizeName } from './utils';
 import { countRegister } from './utils/counter';
@@ -93,6 +94,8 @@ export default function createApplication(loader) {
       dynamicConfig = props.dynamicConfig,
       noCache = props.noCache,
       syncHistory = props.syncHistory,
+      syncRegion = props.syncRegion,
+      syncResourceGroup = props.syncResourceGroup,
       basename = props.basename,
       onSyncHistory = props.onSyncHistory;
     var handleExternalLink = customProps.handleExternalLink;
@@ -106,6 +109,9 @@ export default function createApplication(loader) {
     var appRef = useRef(undefined);
     var $syncHistory = useRef(syncHistory);
     var $basename = useRef(basename);
+    var _useContext = useContext(ConsoleContext),
+      regionContext = _useContext.region,
+      resourceGroupContext = _useContext.resourceGroup;
     var tagName = normalizeName(props.name);
     var _useState5 = useState(''),
       _useState6 = _slicedToArray(_useState5, 2),
@@ -123,12 +129,27 @@ export default function createApplication(loader) {
     // 受控模式锁定一些参数
     if ($syncHistory.current) {
       // 禁止子应用和 consoleBase 通信
-      if (!customProps.appConfig) customProps.consoleBase = null;
+      customProps.consoleBase = null;
       // 覆写 path 参数，用于通知子应用更新路由
       customProps.path = addLeftSlash(stripBasename(peelPath(window.location), $basename.current));
       // 禁止注入 history
       customProps.__injectHistory = null;
     }
+    customProps.consoleBase = _objectSpread(_objectSpread(_objectSpread({}, ConsoleRegion), ConsoleResourceGroup), customProps.consoleBase);
+
+    /**
+     * 同步主应用的 Region
+     */
+    if (syncRegion) {
+      customProps.consoleBase = _objectSpread(_objectSpread({}, customProps.consoleBase), regionContext);
+    }
+
+    /**
+     * 同步更新主应用的 ResourceGroup
+     */
+    if (syncResourceGroup) {
+      customProps.consoleBase = _objectSpread(_objectSpread({}, customProps.consoleBase), resourceGroupContext);
+    }
     var sandbox = useMemo(function () {
       var _UA_Opt, _RISK_INFO, _um;
       var aliyunExternalsVars = [];

package/es/version.js

@@ -1 +1 @@
-export var version = '1.5.13-alpha.0';
+export var version = '1.5.13-alpha.2';

package/lib/createAlfaApp.js

@@ -44,6 +44,8 @@ function createAlfaApp(option) {
     , (0, _extends2.default)({}, passedInOption, {
       style: props.style || passedInOption.style,
       syncHistory: props.syncHistory,
+      syncRegion: props.syncRegion,
+      syncResourceGroup: props.syncResourceGroup,
       onSyncHistory: props.onSyncHistory,
       basename: props.basename,
       sandbox: option.sandbox || props.sandbox,

package/lib/createApplication.js

@@ -13,6 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _alfaCore = require("@alicloud/alfa-core");
+var _xconsoleContext = require("@alicloud/xconsole-context");
 var _Loading = _interopRequireDefault(require("./components/Loading"));
 var _utils = require("./utils");
 var _counter = require("./utils/counter");
@@ -103,6 +104,8 @@ function createApplication(loader) {
       dynamicConfig = props.dynamicConfig,
       noCache = props.noCache,
       syncHistory = props.syncHistory,
+      syncRegion = props.syncRegion,
+      syncResourceGroup = props.syncResourceGroup,
       basename = props.basename,
       onSyncHistory = props.onSyncHistory;
     var handleExternalLink = customProps.handleExternalLink;
@@ -116,6 +119,9 @@ function createApplication(loader) {
     var appRef = (0, _react.useRef)(undefined);
     var $syncHistory = (0, _react.useRef)(syncHistory);
     var $basename = (0, _react.useRef)(basename);
+    var _useContext = (0, _react.useContext)(_xconsoleContext.ConsoleContext),
+      regionContext = _useContext.region,
+      resourceGroupContext = _useContext.resourceGroup;
     var tagName = (0, _utils.normalizeName)(props.name);
     var _useState5 = (0, _react.useState)(''),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
@@ -133,12 +139,27 @@ function createApplication(loader) {
     // 受控模式锁定一些参数
     if ($syncHistory.current) {
       // 禁止子应用和 consoleBase 通信
-      if (!customProps.appConfig) customProps.consoleBase = null;
+      customProps.consoleBase = null;
       // 覆写 path 参数，用于通知子应用更新路由
       customProps.path = addLeftSlash(stripBasename(peelPath(window.location), $basename.current));
       // 禁止注入 history
       customProps.__injectHistory = null;
     }
+    customProps.consoleBase = _objectSpread(_objectSpread(_objectSpread({}, _xconsoleContext.ConsoleRegion), _xconsoleContext.ConsoleResourceGroup), customProps.consoleBase);
+
+    /**
+     * 同步主应用的 Region
+     */
+    if (syncRegion) {
+      customProps.consoleBase = _objectSpread(_objectSpread({}, customProps.consoleBase), regionContext);
+    }
+
+    /**
+     * 同步更新主应用的 ResourceGroup
+     */
+    if (syncResourceGroup) {
+      customProps.consoleBase = _objectSpread(_objectSpread({}, customProps.consoleBase), resourceGroupContext);
+    }
     var sandbox = (0, _react.useMemo)(function () {
       var _UA_Opt, _RISK_INFO, _um;
       var aliyunExternalsVars = [];

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/alfa-react",
-  "version": "1.5.13-alpha.0",
+  "version": "1.5.13-alpha.2",
   "description": "Alfa Framework (React Version)",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -31,7 +31,9 @@
     "typescript": "^4.0.0"
   },
   "dependencies": {
+    "@alicloud/console-base-messenger": "^1.18.1",
     "@alicloud/widget-utils-console": "^0.1.6",
+    "@alicloud/xconsole-context": "^2.4.32",
     "axios": "^1.4.0",
     "classnames": "^2.2.6",
     "crypto-js": "^4.1.1",

package/types/createAlfaApp.d.ts

@@ -1,23 +1,7 @@
 /// <reference types="react" />
-import { AlfaFactoryOption, CommonProps } from './types';
-interface IProps extends CommonProps {
-    /**
-     * 是否开启路由自动同步，需配合 basename 使用
-     */
-    syncHistory?: boolean;
-    /**
-     * 同步子应用路由的回调函数
-     */
-    onSyncHistory?: (type: 'replace' | 'push', pathname: string, state: any) => void;
-    /**
-     * 子应用路由前缀
-     */
-    basename?: string;
-    history?: any;
-    /**
-     * 子应用路由
-     */
-    path?: string;
+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);
 /**

package/types/createAlfaWidget.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { AlfaFactoryOption, CommonProps } from './types';
-interface IProps extends CommonProps {
+import { AlfaFactoryOption } from './types';
+import type { IApplicationCustomProps } from './createApplication';
+interface IProps extends Omit<IApplicationCustomProps, 'consoleBase' | 'path' | 'appConfig'> {
 }
 declare function createAlfaWidget<P = any>(option: AlfaFactoryOption): (() => null) | ((props: P & IProps) => JSX.Element);
 /**

package/types/createApplication.d.ts

@@ -1,24 +1,63 @@
 /// <reference types="react" />
 import { BaseLoader } from '@alicloud/alfa-core';
 import { AlfaFactoryOption } from './types';
-interface IProps<C = any> extends AlfaFactoryOption {
-    customProps: C & {
-        consoleBase?: any;
-        path?: string;
-        appConfig?: any;
-        __injectHistory?: any;
-        __innerStamp?: string;
-        __historyState?: string;
-        handleExternalLink?: (href: string) => void;
-    };
+export interface IApplicationCustomProps {
+    /**
+     * 根结点样式
+     */
+    style?: Record<string, any>;
+    /**
+     * 注入给子应用的 consoleBase 配置
+     */
+    consoleBase?: any;
+    /**
+     * 指定子应用 path
+     */
+    path?: string;
+    /**
+     * 注入给子应用的运行时配置
+     */
+    appConfig?: any;
+    __injectHistory?: any;
+    __innerStamp?: string;
+    __historyState?: string;
+    /**
+     * 处理外部链接跳转
+     * @param href
+     */
+    handleExternalLink?: (href: string) => void;
+}
+export interface IApplicationProps<C = any> extends AlfaFactoryOption {
+    customProps: C & IApplicationCustomProps;
+    /**
+     * 是否开启路由自动同步，需配合 basename 使用
+     */
     syncHistory?: boolean;
-    onSyncHistory?: (type: 'replace' | 'push', path: string, data: any) => void;
+    /**
+     * 是否开启 region 自动同步
+     */
+    syncRegion?: boolean;
+    /**
+     * 是否开启资源组自动同步
+     */
+    syncResourceGroup?: boolean;
+    /**
+     * 同步子应用路由的回调函数
+     */
+    onSyncHistory?: (type: 'replace' | 'push', pathname: string, state: any) => void;
+    /**
+     * 分配给子应用的路由前缀
+     */
     basename?: string;
+    /**
+     * @deprecated
+     * 注入给子应用的 history 实例，不推荐使用
+     */
+    history?: any;
 }
 /**
  * container for microApp mount
  * @param loader alfa-core loader
  * @returns
  */
-export default function createApplication(loader: BaseLoader): <C = any>(props: IProps<C>) => JSX.Element;
-export {};
+export default function createApplication(loader: BaseLoader): <C = any>(props: IApplicationProps<C>) => JSX.Element;

package/types/types/index.d.ts

@@ -41,26 +41,6 @@ export interface AlfaFactoryOption extends IAppConfig {
      */
     fallbackRender?: (error?: Error) => Element;
 }
-export interface CommonProps {
-    /**
-     * @deprecated
-     */
-    sandbox?: Record<string, any>;
-    /**
-     * 处理外跳链接
-     * @param url
-     * @returns
-     */
-    handleExternalLink?: (url?: string) => void;
-    /**
-     * 根节点样式
-     */
-    style?: React.CSSProperties;
-    /**
-     * render when throw error
-     */
-    fallbackRender?: (error?: Error) => Element;
-}
 type ThenArg<T> = T extends PromiseLike<infer U> ? U : T;
 export type MicroApplication = ThenArg<ReturnType<typeof createMicroApp>>;
 export interface AlfaEnvConfigDescriptor {

package/types/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.5.13-alpha.0";
+export declare const version = "1.5.13-alpha.2";