@teamix/pro 1.5.1-aplha.0 → 1.5.1

package/es/nocode/configurators/common.d.ts

@@ -0,0 +1,280 @@
+export declare function array(title: string, name: string, fields: any[], main?: string, arrayTitle?: string): {
+    title: string;
+    children: {
+        name: string;
+        title: string | undefined;
+        component: string;
+        items: {
+            type: string;
+            decorator: string;
+            children: ({
+                component: string;
+                children: {
+                    component: string;
+                }[];
+                name?: undefined;
+                type?: undefined;
+                title?: undefined;
+                reactions?: undefined;
+            } | {
+                name: string;
+                component: string;
+                type: string;
+                title: string;
+                reactions: {
+                    dependencies: string[];
+                    fulfill: {
+                        schema: {
+                            title: string;
+                        };
+                    };
+                };
+                children: {
+                    name: string;
+                    component: string;
+                    props: {
+                        layout: string;
+                        labelAlign: string;
+                        colon: boolean;
+                        labelCol: number;
+                        wrapperCol: number;
+                    };
+                    children: any[];
+                }[];
+            } | {
+                component: string;
+                children?: undefined;
+                name?: undefined;
+                type?: undefined;
+                title?: undefined;
+                reactions?: undefined;
+            })[];
+        };
+        children: {
+            component: string;
+            props: {
+                title: string;
+            };
+        }[];
+    }[];
+};
+export declare function actions(props?: {
+    title?: string;
+    name?: string;
+    arrayTitle?: string;
+}): {
+    title: string;
+    children: {
+        name: string;
+        title: string | undefined;
+        component: string;
+        items: {
+            type: string;
+            decorator: string;
+            children: ({
+                component: string;
+                children: {
+                    component: string;
+                }[];
+                name?: undefined;
+                type?: undefined;
+                title?: undefined;
+                reactions?: undefined;
+            } | {
+                name: string;
+                component: string;
+                type: string;
+                title: string;
+                reactions: {
+                    dependencies: string[];
+                    fulfill: {
+                        schema: {
+                            title: string;
+                        };
+                    };
+                };
+                children: {
+                    name: string;
+                    component: string;
+                    props: {
+                        layout: string;
+                        labelAlign: string;
+                        colon: boolean;
+                        labelCol: number;
+                        wrapperCol: number;
+                    };
+                    children: any[];
+                }[];
+            } | {
+                component: string;
+                children?: undefined;
+                name?: undefined;
+                type?: undefined;
+                title?: undefined;
+                reactions?: undefined;
+            })[];
+        };
+        children: {
+            component: string;
+            props: {
+                title: string;
+            };
+        }[];
+    }[];
+};
+export declare function actionGroup(title: string, name: string): {
+    title: string;
+    name: string;
+    type: string;
+    children: {
+        component: string;
+        children: ({
+            title: string;
+            children: {
+                name: string;
+                title: string | undefined;
+                component: string;
+                items: {
+                    type: string;
+                    decorator: string;
+                    children: ({
+                        component: string;
+                        children: {
+                            component: string;
+                        }[];
+                        name?: undefined;
+                        type?: undefined;
+                        title?: undefined;
+                        reactions?: undefined;
+                    } | {
+                        name: string;
+                        component: string;
+                        type: string;
+                        title: string;
+                        reactions: {
+                            dependencies: string[];
+                            fulfill: {
+                                schema: {
+                                    title: string;
+                                };
+                            };
+                        };
+                        children: {
+                            name: string;
+                            component: string;
+                            props: {
+                                layout: string;
+                                labelAlign: string;
+                                colon: boolean;
+                                labelCol: number;
+                                wrapperCol: number;
+                            };
+                            children: any[];
+                        }[];
+                    } | {
+                        component: string;
+                        children?: undefined;
+                        name?: undefined;
+                        type?: undefined;
+                        title?: undefined;
+                        reactions?: undefined;
+                    })[];
+                };
+                children: {
+                    component: string;
+                    props: {
+                        title: string;
+                    };
+                }[];
+            }[];
+        } | {
+            title: string;
+            children: ({
+                name: string;
+                title: string;
+                component: string;
+                dataSource: {
+                    label: string;
+                    value: string;
+                }[];
+                default: string;
+            } | {
+                name: string;
+                title: string;
+                component: string;
+                default: number;
+                dataSource?: undefined;
+            } | {
+                name: string;
+                title: string;
+                component: string;
+                default: string;
+                dataSource?: undefined;
+            })[];
+        })[];
+    }[];
+};
+export declare function filter(name: string): {
+    name: string;
+    type: string;
+    children: {
+        title: string;
+        children: {
+            name: string;
+            title: string | undefined;
+            component: string;
+            items: {
+                type: string;
+                decorator: string;
+                children: ({
+                    component: string;
+                    children: {
+                        component: string;
+                    }[];
+                    name?: undefined;
+                    type?: undefined;
+                    title?: undefined;
+                    reactions?: undefined;
+                } | {
+                    name: string;
+                    component: string;
+                    type: string;
+                    title: string;
+                    reactions: {
+                        dependencies: string[];
+                        fulfill: {
+                            schema: {
+                                title: string;
+                            };
+                        };
+                    };
+                    children: {
+                        name: string;
+                        component: string;
+                        props: {
+                            layout: string;
+                            labelAlign: string;
+                            colon: boolean;
+                            labelCol: number;
+                            wrapperCol: number;
+                        };
+                        children: any[];
+                    }[];
+                } | {
+                    component: string;
+                    children?: undefined;
+                    name?: undefined;
+                    type?: undefined;
+                    title?: undefined;
+                    reactions?: undefined;
+                })[];
+            };
+            children: {
+                component: string;
+                props: {
+                    title: string;
+                };
+            }[];
+        }[];
+    }[];
+};

package/es/nocode/configurators/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export declare type ConfiguratorSchema = any[];
+export interface Configurator<T = any> {
+    schema: ConfiguratorSchema;
+    initialValues?: T;
+    defaultValues?: T;
+}
+export declare type ConfiguratorMap = {
+    [key: string]: Configurator;
+};
+export interface ConfiguratorProps<T = any> {
+    initialValues?: T;
+    onValuesChange?: (values: T) => void;
+}
+export declare const initConfigurator: <T>(schema: ConfiguratorSchema, defaultInitialValues?: T, defaultValues?: T) => React.FC<ConfiguratorProps<T>>;

package/es/nocode/configurators/map.d.ts

@@ -0,0 +1,2 @@
+import { ConfiguratorMap } from '.';
+export declare const ComponentConfiguratorMap: ConfiguratorMap;

package/es/nocode/index.d.ts

@@ -0,0 +1,8 @@
+import './index.scss';
+import PageContainer from '../page-container';
+export { PageContainer };
+export type { PageProps } from '../page-container';
+export * from './configurators';
+export * from './configurators/map';
+export * from './pages';
+export * from './playground';

package/es/nocode/index.js

@@ -1,7 +1,7 @@
 import './index.scss';
 import PageContainer from '../page-container';
-export { PageContainer };
-// 配置器，每个 pro 组件对应一个配置器
+export { PageContainer }; // 配置器，每个 pro 组件对应一个配置器
+
 export * from './configurators';
 export * from './configurators/map'; // 页面编辑器
 // 页面渲染器

package/es/nocode/pages/editor.d.ts

@@ -0,0 +1,12 @@
+import { Field } from '@alicloudfe/components';
+import { ConfiguratorMap } from '../configurators';
+import { PageMap, PageType, PageDefaultInitialValues } from '.';
+export interface PageEditorProps {
+    type: PageType;
+    initialValues?: any;
+    field?: Field;
+    configuratorMap?: ConfiguratorMap;
+    pageMap?: PageMap;
+    pageDefaultInitialValues?: PageDefaultInitialValues;
+}
+export declare const PageEditor: (props: PageEditorProps) => JSX.Element;

package/es/nocode/pages/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { PageProps } from '../../page-container';
+export * from './editor';
+export * from './playground';
+export * from './renderer';
+export declare type PageType = 'LIST' | 'DETAIL' | 'FORM' | string;
+export declare type PageMap = {
+    [key in PageType]: React.FC<PageProps>;
+};
+export declare const PageMap: PageMap;
+export declare type PageDefaultInitialValues = {
+    [key in PageType]: any;
+};
+export declare const PageDefaultInitialValues: PageDefaultInitialValues;

package/es/nocode/pages/index.js

@@ -1,15 +1,14 @@
 import { FormPage, DetailPage, ListPage } from '../../templates';
 export * from './editor';
 export * from './playground';
-export * from './renderer'; // 页面类型
+export * from './renderer'; // 全部页面模板
 
-// 全部页面模板
 export var PageMap = {
   LIST: ListPage,
   DETAIL: DetailPage,
   FORM: FormPage
-};
-// 全部页面模板默认初始值
+}; // 全部页面模板默认初始值
+
 export var PageDefaultInitialValues = {
   LIST: {
     header: {

package/es/nocode/pages/playground.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { PageProps } from '../../page-container';
+import { ConfiguratorMap } from '../configurators';
+interface PagePlayGroundProps<T = any> {
+    initialValues: T;
+    page: React.FC<PageProps<T>>;
+    onValuesChange?: (values: any) => void;
+    configuratorMap?: ConfiguratorMap;
+}
+export declare const PagePlayground: (props: PagePlayGroundProps) => JSX.Element;
+export {};

package/es/nocode/pages/playground.js

@@ -1,4 +1,8 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -101,7 +105,7 @@ export var PagePlayground = function PagePlayground(props) {
     return "page-".concat(Math.random());
   }, [pageProps]);
   return /*#__PURE__*/React.createElement(PlayGroundLayout, {
-    component: /*#__PURE__*/React.createElement(PageContainer, _extends({
+    component: /*#__PURE__*/React.createElement(PageContainer, _objectSpread({
       key: pageKey
     }, pageContainerProps)),
     configurator: Configurator ? /*#__PURE__*/React.createElement(Configurator, {
@@ -116,7 +120,7 @@ export var PagePlayground = function PagePlayground(props) {
     }), /*#__PURE__*/React.createElement("p", null, "\u8BF7\u9009\u62E9\u4E00\u4E2A\u7EC4\u4EF6\u8FDB\u884C\u7F16\u8F91")),
     tools: /*#__PURE__*/React.createElement(Balloon, {
       align: "l",
-      trigger: /*#__PURE__*/React.createElement(Icon, _extends({
+      trigger: /*#__PURE__*/React.createElement(Icon, _objectSpread({
         type: "set-line",
         size: "large"
       }, setterAction)),

package/es/nocode/pages/renderer.d.ts

@@ -0,0 +1,10 @@
+import { PageProps } from '../../page-container';
+import { PageMap } from '.';
+export interface PageRendererProps<T = any> extends PageProps<T> {
+    type?: any;
+    error?: any;
+    title?: string;
+    pageMap?: PageMap;
+}
+export declare const PageRenderer: (props: PageRendererProps) => JSX.Element;
+export default PageRenderer;

package/es/nocode/pages/renderer.js

@@ -26,7 +26,11 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import React from 'react';
 import Helmet from 'react-helmet';
@@ -39,7 +43,7 @@ import { PageMap } from '.';
 var cls = usePrefixCls('teamix-pro-nocode');
 
 var Loading = function Loading(props) {
-  return /*#__PURE__*/React.createElement(PageContainer, _extends({
+  return /*#__PURE__*/React.createElement(PageContainer, _objectSpread({
     header: /*#__PURE__*/React.createElement(PageHeader, {
       loading: true,
       title: "",
@@ -118,7 +122,7 @@ export var PageRenderer = function PageRenderer(props) {
   }
 
   if (!type) {
-    return /*#__PURE__*/React.createElement(Loading, others);
+    return /*#__PURE__*/React.createElement(Loading, _objectSpread({}, others));
   }
 
   var Page = PageMap[type] || (pageMap === null || pageMap === void 0 ? void 0 : pageMap[type]);
@@ -132,7 +136,7 @@ export var PageRenderer = function PageRenderer(props) {
 
   return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Helmet, {
     title: title
-  }), /*#__PURE__*/React.createElement(Page, _extends({
+  }), /*#__PURE__*/React.createElement(Page, _objectSpread({
     loading: loading,
     pageProps: pageProps || {}
   }, others)));

package/es/nocode/playground.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Configurator } from './configurators';
+export interface PlayGroundLayoutProps {
+    component: React.ReactNode;
+    configurator: React.ReactNode;
+    tools?: React.ReactNode;
+}
+export declare const PlayGroundLayout: (props: PlayGroundLayoutProps) => JSX.Element;
+export interface PlayGround<T = any> {
+    component: React.FC<T>;
+    configurator: Configurator;
+    initialValues: T;
+}
+export declare const PlayGround: <T extends {}>(props: PlayGround<T>) => JSX.Element;

package/es/nocode/playground.js

@@ -1,4 +1,8 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -53,7 +57,7 @@ export var PlayGround = function PlayGround(props) {
       onValuesChange = _useDebounceFn.run;
 
   return /*#__PURE__*/React.createElement(PlayGroundLayout, {
-    component: /*#__PURE__*/React.createElement(Component, _extends({
+    component: /*#__PURE__*/React.createElement(Component, _objectSpread({
       key: componentKey
     }, componentState)),
     configurator: /*#__PURE__*/React.createElement(Configurator, {

package/es/page-container/index.d.ts

@@ -0,0 +1,3 @@
+import ProPageContainer from '@teamix/pro-page-container';
+export * from '@teamix/pro-page-container';
+export default ProPageContainer;

package/es/page-header/index.d.ts

@@ -0,0 +1,74 @@
+import React from 'react';
+import { ItemProps } from '@alicloudfe/components/types/breadcrumb';
+import { LinkPath } from '@teamix/utils';
+import { CapsuleTabType, ProTagItem } from '../field';
+import { ProActionGroupProps } from '../actions';
+import { ProInfoProps } from '../info';
+import './index.scss';
+export interface ProPageHeaderBreadcrumbItem extends ItemProps {
+    /**
+     * @deprecated 建议使用 children 代替
+     */
+    text?: string;
+}
+export declare type ProPageHeaderTagItem = ProTagItem;
+declare type Color = 'blue' | 'green' | 'orange' | 'red' | 'yellow' | string;
+export declare type ProPageHeaderDataItem = {
+    title: string;
+    num: number;
+    color?: Color;
+} & React.HTMLAttributes<HTMLElement>;
+export declare type ProPageHeaderProps = {
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 标题说明 */
+    titleTooltip?: React.ReactNode;
+    /** 描述 */
+    description?: React.ReactNode;
+    /** 图标 */
+    icon?: React.ReactNode;
+    /** 图标颜色 */
+    iconColor?: Color;
+    /** 图标背景类型 */
+    iconBackgroundType?: 'circle' | 'square';
+    /** 图标背景色 */
+    iconBackgroundColor?: Color;
+    /** 返回按钮配置 */
+    goback?: boolean | LinkPath | ((e: React.MouseEvent) => void);
+    /** 背景图 */
+    image?: string;
+    /** 加载中 */
+    loading?: boolean;
+    /** 面包屑配置 */
+    breadcrumb?: ProPageHeaderBreadcrumbItem[];
+    /** 额外信息区配置 */
+    extra?: ProActionGroupProps | React.ReactNode;
+    /** 操作区配置 */
+    operation?: ProActionGroupProps | React.ReactNode;
+    /** 标签组 */
+    tags?: ProPageHeaderTagItem[];
+    /** 数据概览项 */
+    data?: ProPageHeaderDataItem[];
+    /** 底部详情 */
+    info?: ProInfoProps | React.ReactNode;
+    /** 切换 tabs */
+    tabs?: CapsuleTabType;
+} & Omit<React.HTMLAttributes<HTMLElement>, 'title'>;
+declare const ProPageHeader: React.FC<ProPageHeaderProps>;
+export default ProPageHeader;
+/**
+ * @deprecated 建议使用 ProPageHeaderBreadcrumbItem 代替
+ */
+export declare type BreadcrumbItem = ProPageHeaderBreadcrumbItem;
+/**
+ * @deprecated 建议使用 ProPageHeaderTagItem 代替
+ */
+export declare type TagItem = ProPageHeaderTagItem;
+/**
+ * @deprecated 建议使用 ProPageHeaderDataItem 代替
+ */
+export declare type DataItem = ProPageHeaderDataItem;
+/**
+ * @deprecated 建议使用 ProPageHeaderProps 代替
+ */
+export declare type PageHeaderProps = ProPageHeaderProps;

package/es/page-header/index.js

@@ -8,8 +8,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -35,7 +33,7 @@ var renderNav = function renderNav(breadcrumbs) {
           children = b.children,
           others = _objectWithoutProperties(b, _excluded);
 
-      return /*#__PURE__*/React.createElement(Breadcrumb.Item, _extends({
+      return /*#__PURE__*/React.createElement(Breadcrumb.Item, _objectSpread({
         key: i
       }, others), text || children);
     }));
@@ -59,7 +57,7 @@ var renderActionGroup = function renderActionGroup(group, defaultProps) {
         type: buttonType
       }, item);
     });
-    return /*#__PURE__*/React.createElement(ProActionGroup, _extends({}, defaultProps, actionGroup, {
+    return /*#__PURE__*/React.createElement(ProActionGroup, _objectSpread(_objectSpread(_objectSpread({}, defaultProps), actionGroup), {}, {
       actions: actions
     }));
   }
@@ -105,7 +103,7 @@ var renderData = function renderData(data) {
         className = _getColorAndStyle.className,
         style = _getColorAndStyle.style;
 
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return /*#__PURE__*/React.createElement("div", _objectSpread({
       key: i,
       className: classnames(cls('data-item'), customClassName)
     }, others), /*#__PURE__*/React.createElement("div", {
@@ -119,7 +117,7 @@ var renderData = function renderData(data) {
 
 var renderInfo = function renderInfo(info) {
   if (info === null || info === void 0 ? void 0 : info.columns) {
-    return /*#__PURE__*/React.createElement(ProInfo, _extends({
+    return /*#__PURE__*/React.createElement(ProInfo, _objectSpread({
       type: "header"
     }, info));
   }
@@ -129,7 +127,7 @@ var renderInfo = function renderInfo(info) {
 
 var renderTabs = function renderTabs(tabs) {
   if (tabs) {
-    return /*#__PURE__*/React.createElement(CapsuleTab, tabs);
+    return /*#__PURE__*/React.createElement(CapsuleTab, _objectSpread({}, tabs));
   }
 
   return null;
@@ -218,7 +216,7 @@ var ProPageHeader = function ProPageHeader(props) {
     }, titleTooltip)), renderTags(tags, 'large'), renderTabs(tabs !== null && tabs !== void 0 ? tabs : {}));
   };
 
-  return /*#__PURE__*/React.createElement("header", _extends({
+  return /*#__PURE__*/React.createElement("header", _objectSpread({
     className: classnames(cls(), className),
     style: _objectSpread({
       backgroundImage: loading ? undefined : backgroundImage
@@ -253,7 +251,4 @@ var ProPageHeader = function ProPageHeader(props) {
   }, !loading && renderInfo(info), loading && /*#__PURE__*/React.createElement(ProSkeletonRaw.Info.Header, null)), children);
 };
 
-export default ProPageHeader;
-/**
- * @deprecated 建议使用 ProPageHeaderBreadcrumbItem 代替
- */
+export default ProPageHeader;

package/es/sidebar/components/sidebar-container/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ProSidebarContainerProps } from '../../typing';
+import './index.scss';
+declare const ProSidebarContainer: React.FC<ProSidebarContainerProps>;
+export default ProSidebarContainer;