@yuntijs/ui 1.0.0-beta.35 → 1.0.0-beta.37

package/es/Page/Header/index.js

@@ -64,7 +64,9 @@ export var PageHeader = function PageHeader(props) {
   }, [styles.title, title, titleRender]);
   var DescriptionsNode = useMemo(function () {
     var descriptionsElement = [];
-    var _iterator = _createForOfIteratorHelper(descriptions.entries()),
+    var _iterator = _createForOfIteratorHelper(descriptions.filter(function (d) {
+        return !!d;
+      }).entries()),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -80,6 +82,7 @@ export var PageHeader = function PageHeader(props) {
           }, "divider-".concat(index)));
         }
         descriptionsElement.push( /*#__PURE__*/_jsxs(Flex, {
+          align: "center",
           gap: 4,
           children: [descIcon && /*#__PURE__*/_jsx(Tooltip, {
             title: descIcon.tooltip,

package/es/Page/Title/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface PageTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    children: React.ReactNode;
+}
+export declare const PageTitle: React.FC<PageTitleProps>;

package/es/Page/Title/index.js

@@ -0,0 +1,18 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var PageTitle = function PageTitle(_ref) {
+  var className = _ref.className,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx("h2", _objectSpread({
+    className: cx(styles.root, className)
+  }, otherProps));
+};

package/es/Page/Title/style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    root: import("antd-style").SerializedStyles;
+}>;

package/es/Page/Title/style.js

@@ -0,0 +1,12 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        margin: 0;\n\n        font-family: ", ";\n        font-size: 16px;\n        font-weight: ", ";\n        line-height: ", ";\n        color: ", ";\n      "])), token.fontFamily, token.fontWeightStrong, token.lineHeight, token.colorText)
+  };
+}, {
+  hashPriority: 'low'
+});

package/es/Page/index.d.ts

@@ -3,14 +3,17 @@ import { PageBreadcrumb } from './Breadcrumb';
 import { PageContent } from './Content';
 import { PageFooter } from './Footer';
 import { PageHeader } from './Header';
+import { PageTitle } from './Title';
 export type { PageBreadcrumbProps } from './Breadcrumb';
 export type { PageContentProps } from './Content';
 export { HeaderButtonGroup } from './Header/ButtonGroup';
 export type { PageHeaderProps } from './Header';
 export type { HeaderButtonGroupProps } from './Header/ButtonGroup';
 export type { PageProps } from './Page';
+export type { PageTitleProps } from './Title';
 export declare const Page: import("react").FC<import("./Page").PageProps> & {
     Breadcrumb: typeof PageBreadcrumb;
+    Title: typeof PageTitle;
     Header: typeof PageHeader;
     Content: typeof PageContent;
     Footer: typeof PageFooter;

package/es/Page/index.js

@@ -3,11 +3,13 @@ import { PageContent } from "./Content";
 import { PageFooter } from "./Footer";
 import { PageHeader } from "./Header";
 import { Page as InternalPage } from "./Page";
+import { PageTitle } from "./Title";
 export { HeaderButtonGroup } from "./Header/ButtonGroup";
 // export type { } from './Footer';
 
 export var Page = InternalPage;
 Page.Breadcrumb = PageBreadcrumb;
+Page.Title = PageTitle;
 Page.Header = PageHeader;
 Page.Content = PageContent;
 Page.Footer = PageFooter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuntijs/ui",
-  "version": "1.0.0-beta.35",
+  "version": "1.0.0-beta.37",
   "description": "☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps",
   "keywords": [
     "yuntijs",