@teamix/pro 1.6.0-beta.4 → 1.6.0-beta.6

package/lib/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/lib/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/lib/nocode/pages/index.js

@@ -51,35 +51,10 @@ var PageMap = {
   DETAIL: _templates.DetailPage,
   FORM: _templates.FormPage
 };
-exports.PageMap = PageMap;
 // 全部页面模板默认初始值
+exports.PageMap = PageMap;
 var PageDefaultInitialValues = {
-  LIST: {
-    header: {
-      title: '页面标题'
-    },
-    content: {
-      header: {
-        title: '表格标题'
-      },
-      columns: [{
-        dataIndex: 'instanceName',
-        title: '实例ID/实例名称'
-      }, {
-        dataIndex: 'organizationName',
-        title: '组织',
-        tooltip: '我这一列是可以被复制的～',
-        render: {
-          copy: true
-        }
-      }],
-      url: 'https://oneapi.alibaba-inc.com/mock/teamix-pro/api/getTableResource',
-      formatResult: {
-        data: 'data',
-        total: 'pageInfo.total'
-      }
-    }
-  },
+  LIST: {},
   DETAIL: {},
   FORM: {}
 };

package/lib/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/lib/nocode/pages/playground.js

@@ -18,7 +18,9 @@ var _playground = require("../playground");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : 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(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -96,7 +98,7 @@ var PagePlayground = function PagePlayground(props) {
     return "page-".concat(Math.random());
   }, [pageProps]);
   return /*#__PURE__*/_react.default.createElement(_playground.PlayGroundLayout, {
-    component: /*#__PURE__*/_react.default.createElement(PageContainer, _extends({
+    component: /*#__PURE__*/_react.default.createElement(PageContainer, _objectSpread({
       key: pageKey
     }, pageContainerProps)),
     configurator: Configurator ? /*#__PURE__*/_react.default.createElement(Configurator, {
@@ -111,7 +113,7 @@ var PagePlayground = function PagePlayground(props) {
     }), /*#__PURE__*/_react.default.createElement("p", null, "\u8BF7\u9009\u62E9\u4E00\u4E2A\u7EC4\u4EF6\u8FDB\u884C\u7F16\u8F91")),
     tools: /*#__PURE__*/_react.default.createElement(_components.Balloon, {
       align: "l",
-      trigger: /*#__PURE__*/_react.default.createElement(_icon.default, _extends({
+      trigger: /*#__PURE__*/_react.default.createElement(_icon.default, _objectSpread({
         type: "set-line",
         size: "large"
       }, setterAction)),

package/lib/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/lib/nocode/pages/renderer.js

@@ -27,10 +27,12 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
 var cls = (0, _utils.usePrefixCls)('teamix-pro-nocode');
 var Loading = function Loading(props) {
-  return /*#__PURE__*/_react.default.createElement(_pageContainer.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(_pageContainer.default, _objectSpread({
     header: /*#__PURE__*/_react.default.createElement(_pageHeader.default, {
       loading: true,
       title: "",
@@ -97,7 +99,7 @@ var PageRenderer = function PageRenderer(props) {
     });
   }
   if (!type) {
-    return /*#__PURE__*/_react.default.createElement(Loading, others);
+    return /*#__PURE__*/_react.default.createElement(Loading, _objectSpread({}, others));
   }
   var Page = _.PageMap[type] || (pageMap === null || pageMap === void 0 ? void 0 : pageMap[type]);
   if (!Page) {
@@ -108,7 +110,7 @@ var PageRenderer = function PageRenderer(props) {
   }
   return /*#__PURE__*/_react.default.createElement(ErrorBoundary, null, /*#__PURE__*/_react.default.createElement(_reactHelmet.default, {
     title: title
-  }), /*#__PURE__*/_react.default.createElement(Page, _extends({
+  }), /*#__PURE__*/_react.default.createElement(Page, _objectSpread({
     loading: loading,
     pageProps: pageProps || {}
   }, others)));

package/lib/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/lib/nocode/playground.js

@@ -11,7 +11,9 @@ var _hooks = require("@teamix/hooks");
 var _configurators = require("./configurators");
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : 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(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -52,7 +54,7 @@ var PlayGround = function PlayGround(props) {
     }),
     onValuesChange = _useDebounceFn.run;
   return /*#__PURE__*/_react.default.createElement(PlayGroundLayout, {
-    component: /*#__PURE__*/_react.default.createElement(Component, _extends({
+    component: /*#__PURE__*/_react.default.createElement(Component, _objectSpread({
       key: componentKey
     }, componentState)),
     configurator: /*#__PURE__*/_react.default.createElement(Configurator, {

package/lib/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/lib/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 | any[];
+    /** 操作区配置 */
+    operation?: ProActionGroupProps | React.ReactNode | any[];
+    /** 标签组 */
+    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/lib/page-header/index.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactRouterDom = require("react-router-dom");
+var _utils = require("@teamix/utils");
 var _classnames2 = _interopRequireDefault(require("classnames"));
 var _icon = _interopRequireDefault(require("@teamix/icon"));
 var _components = require("@alicloudfe/components");
-var _utils = require("@teamix/utils");
 var _field = require("../field");
 var _actions = require("../actions");
 var _skeleton = require("../skeleton");
@@ -22,7 +21,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
 var cls = (0, _utils.usePrefixCls)('teamix-pro-page-header');
@@ -33,7 +31,7 @@ var renderNav = function renderNav(breadcrumbs) {
       var text = b.text,
         children = b.children,
         others = _objectWithoutProperties(b, _excluded);
-      return /*#__PURE__*/_react.default.createElement(_components.Breadcrumb.Item, _extends({
+      return /*#__PURE__*/_react.default.createElement(_components.Breadcrumb.Item, _objectSpread({
         key: i
       }, others), text || children);
     }));
@@ -52,7 +50,7 @@ var renderActionGroup = function renderActionGroup(group, defaultProps) {
         type: buttonType
       }, item);
     });
-    return /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _extends({}, defaultProps, actionGroup, {
+    return /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _objectSpread(_objectSpread(_objectSpread({}, defaultProps), actionGroup), {}, {
       actions: actions
     }));
   }
@@ -91,7 +89,7 @@ var renderData = function renderData(data) {
     var _getColorAndStyle = getColorAndStyle(color),
       className = _getColorAndStyle.className,
       style = _getColorAndStyle.style;
-    return /*#__PURE__*/_react.default.createElement("div", _extends({
+    return /*#__PURE__*/_react.default.createElement("div", _objectSpread({
       key: i,
       className: (0, _classnames2.default)(cls('data-item'), customClassName)
     }, others), /*#__PURE__*/_react.default.createElement("div", {
@@ -104,7 +102,7 @@ var renderData = function renderData(data) {
 };
 var renderInfo = function renderInfo(info) {
   if (info === null || info === void 0 ? void 0 : info.columns) {
-    return /*#__PURE__*/_react.default.createElement(_info.default, _extends({
+    return /*#__PURE__*/_react.default.createElement(_info.default, _objectSpread({
       type: "header"
     }, info));
   }
@@ -112,7 +110,7 @@ var renderInfo = function renderInfo(info) {
 };
 var renderTabs = function renderTabs(tabs) {
   if (tabs) {
-    return /*#__PURE__*/_react.default.createElement(_field.CapsuleTab, tabs);
+    return /*#__PURE__*/_react.default.createElement(_field.CapsuleTab, _objectSpread({}, tabs));
   }
   return null;
 };
@@ -139,12 +137,7 @@ var ProPageHeader = function ProPageHeader(props) {
     style = props.style,
     tabs = props.tabs,
     others = _objectWithoutProperties(props, _excluded3);
-
-  // const history = useHistory();
-  // console.log('history', history);
-  var navigate = (0, _reactRouterDom.useNavigate)();
-  // console.log('navigate', useNavigate);
-
+  var history = (0, _utils.useRealHistory)();
   var backgroundImage = image ? "url('".concat(image, "')") : undefined;
   var showList = function showList(list) {
     var _list$actions;
@@ -166,11 +159,10 @@ var ProPageHeader = function ProPageHeader(props) {
         return;
       }
       if (goback === true) {
-        // history.go(-1);
-        navigate(-1);
+        history && history.go && history.go(-1);
         return;
       }
-      (0, _utils.goToLink)(goback, navigate);
+      (0, _utils.goToLink)(goback, history);
     };
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, goback && /*#__PURE__*/_react.default.createElement(_icon.default, {
       className: cls('goback'),
@@ -194,7 +186,7 @@ var ProPageHeader = function ProPageHeader(props) {
       align: "t"
     }, titleTooltip)), (0, _field.renderTags)(tags, 'large'), renderTabs(tabs !== null && tabs !== void 0 ? tabs : {}));
   };
-  return /*#__PURE__*/_react.default.createElement("header", _extends({
+  return /*#__PURE__*/_react.default.createElement("header", _objectSpread({
     className: (0, _classnames2.default)(cls(), className),
     style: _objectSpread({
       backgroundImage: loading ? undefined : backgroundImage
@@ -226,10 +218,7 @@ var ProPageHeader = function ProPageHeader(props) {
     className: cls('operation')
   }, !loading && renderActionGroup(operation)))), info && /*#__PURE__*/_react.default.createElement("section", {
     className: (0, _classnames2.default)(cls('section'), cls('info'))
-  }, !loading && renderInfo(info), loading && /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Info.Header, null)), children);
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !loading && renderInfo(info), loading && /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Info.Header, null))), children);
 };
 var _default = ProPageHeader;
-/**
- * @deprecated 建议使用 ProPageHeaderBreadcrumbItem 代替
- */
 exports.default = _default;

package/lib/page-header/index.scss

@@ -1,3 +1,4 @@
+@import "xconsole";
 $prefix: 'teamix-pro-page-header';
 
 .#{$prefix} {
@@ -12,7 +13,7 @@ $prefix: 'teamix-pro-page-header';
     justify-content: space-between;
     align-items: center;
     min-height: 18px;
-    height: var(--layout-header-height, auto);
+    height: auto;
     margin-bottom: var(--s-2, 8px);
 
     &.with-description {

package/lib/page-header/xconsole.scss

@@ -0,0 +1,5 @@
+.theme-xconsole {
+  .teamix-pro-page-header .teamix-pro-page-header-title{
+    color: var(--color-text-1, #1A1A1A);
+  }
+}

package/lib/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;

package/lib/sidebar/components/sidebar-container/index.js

@@ -20,7 +20,9 @@ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableTo
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -61,13 +63,11 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
     _useState2 = _slicedToArray(_useState, 2),
     treeHeight = _useState2[0],
     setTreeHeight = _useState2[1];
-
   // 展开全部状态
   var _useState3 = (0, _react.useState)(false),
     _useState4 = _slicedToArray(_useState3, 2),
     expandAllState = _useState4[0],
     setExpandAllState = _useState4[1];
-
   // 展开层级状态
   var _useState5 = (0, _react.useState)(1),
     _useState6 = _slicedToArray(_useState5, 2),
@@ -95,13 +95,12 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
       onExpandAllChange === null || onExpandAllChange === void 0 ? void 0 : onExpandAllChange(expandAllStateProp);
     });
   }, [expandAllStateProp]);
-
   // 渲染搜索区域
   var renderSearch = function renderSearch() {
     if (customSearch || showSearch) {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: cls('search')
-      }, !!customSearch && customSearch, showSearch && /*#__PURE__*/_react.default.createElement(_proField.default, _extends({
+      }, !!customSearch && customSearch, showSearch && /*#__PURE__*/_react.default.createElement(_proField.default, _objectSpread({
         mode: "edit",
         type: "text",
         placeholder: searchPlaceholder,
@@ -111,16 +110,15 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
     }
     return null;
   };
-
   // 渲染通知区域
   var renderNotice = function renderNotice() {
     if (message || customMessage) {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: cls('notice')
-      }, message && /*#__PURE__*/_react.default.createElement(_components.Message, _extends({
+      }, message && /*#__PURE__*/_react.default.createElement(_components.Message, _objectSpread(_objectSpread({
         type: "notice",
         closeable: true
-      }, messageProps, {
+      }, messageProps), {}, {
         onClose: function onClose() {
           var _ref$current$offsetTo2, _ref$current2;
           var remainHeight = (_ref$current$offsetTo2 = ref === null || ref === void 0 ? void 0 : (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.offsetTop) !== null && _ref$current$offsetTo2 !== void 0 ? _ref$current$offsetTo2 : 0 + 40;
@@ -130,7 +128,6 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
     }
     return null;
   };
-
   // 渲染折叠区
   var renderFold = function renderFold() {
     if (showExpandAll || showExpandLevel) {
@@ -166,7 +163,7 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
       '': true,
       'not-is-tree': !isTree
     })
-  }, /*#__PURE__*/_react.default.createElement(_card.ProCard, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_card.ProCard, _objectSpread({
     bordered: false,
     compacted: true
   }, others), renderSearch(), renderNotice(), renderFold(), /*#__PURE__*/_react.default.createElement("div", {

package/lib/sidebar/components/tree/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ProSidebarTreeProps } from '../../typing';
+import './index.scss';
+import '../tree-node/index.scss';
+declare const ProSidebarTree: React.FC<ProSidebarTreeProps>;
+export default ProSidebarTree;