feat: add the title extra for xconsole page

Author: Boelroy

packages/ui/xconsole-rc-page-header/src/index.tsx

@@ -17,6 +17,8 @@ export const PageHeader: React.FC<IProps> = (props: IProps) => {
     breadcrumbs,
     extra,
     historyBack,
+    titleExtra,
+    titleExtraAlign,
     nav,
     children,
     onBackArrowClick,
@@ -28,6 +30,8 @@ export const PageHeader: React.FC<IProps> = (props: IProps) => {
     <XConsoleRcPage
       breadcrumbs={breadcrumbs}
       breadcrumbExtra={extra}
+      titleExtra={titleExtra}
+      titleExtraAlign={titleExtraAlign}
       pageProps={restProps}
       title={title}
       subTitle={

packages/ui/xconsole-rc-page-header/src/types.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { SelectProps } from '@alifd/next/lib/select';
 import { History } from 'history';
 
 export interface INavProps {
-  shape: 'tab' | 'menu';
+  shape: 'tab' | 'menu' | string;
   defaultActiveKey?: string;
   activeKey?: string;
   onChange?: (value: string) => void;
@@ -19,15 +19,17 @@ interface IBreadcrumbItem extends React.AnchorHTMLAttributes<HTMLAnchorElement>
 
 
 export interface IProps {
-  title: string;
+  title: ReactNode;
+  titleExtra?: ReactNode;
+  titleExtraAlign?: 'left' | 'right';
   subTitle?: string;
   subSwitcher?: SelectProps;
   breadcrumbs?: IBreadcrumbItem[];
   historyBack?: string;
   history?: History;
-  extra?: React.ReactNode;
+  extra?: ReactNode;
   nav?: INavProps;
-  children?: React.ReactNode;
+  children?: ReactNode;
   onBackArrowClick?: () => void;
   hasBackArrow?: boolean;
 }

packages/ui/xconsole-rc-page-header/stories/index.stories.tsx

@@ -74,6 +74,7 @@ const App = () => (
     historyBack="/users"
     breadcrumbs={breadcrumbs}
     nav={nav}
+    titleExtra={<div>xxxxx</div>}
   />
 );
 

packages/xconsole/xconsole.json

@@ -1 +1 @@
-{"version":"2.3.48"}
+{"version":"2.3.49"}