@faasjs/ant-design 0.0.2-beta.419 → 0.0.2-beta.421

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as antd_es_calendar_generateCalendar_js from 'antd/es/calendar/generateCalendar.js';
 import { Dayjs } from 'dayjs';
-import { CalendarProps as CalendarProps$1, DescriptionsProps, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, InputProps, InputNumberProps, SwitchProps, DatePickerProps as DatePickerProps$1, TimePickerProps as TimePickerProps$1, SelectProps, FormProps as FormProps$1, ButtonProps, ModalProps as ModalProps$1, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1 } from 'antd';
+import { CalendarProps as CalendarProps$1, DescriptionsProps, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, InputProps, InputNumberProps, SwitchProps, DatePickerProps as DatePickerProps$1, TimePickerProps as TimePickerProps$1, SelectProps, FormProps as FormProps$1, ButtonProps, ModalProps as ModalProps$1, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, PageHeaderProps } from 'antd';
 export { Drawer, Modal } from 'antd';
 import * as react from 'react';
 import { CSSProperties, ReactNode, LazyExoticComponent, ComponentType } from 'react';
@@ -420,6 +420,10 @@ declare type TitleProps = {
         className?: string;
         style?: React.CSSProperties;
     };
+    /** return a pure text element */
+    plain?: boolean;
+    /** return a PageHeader element */
+    header?: PageHeaderProps;
     /** return children */
     children?: JSX.Element;
 };

package/dist/index.js

@@ -1261,13 +1261,14 @@ function Table(props) {
 
 // src/Title.tsx
 var import_react14 = require("react");
+var import_antd11 = require("antd");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function Title(props) {
-  const config = useConfigContext();
+  const { Title: Title2 } = useConfigContext();
   (0, import_react14.useEffect)(() => {
     const title = Array.isArray(props.title) ? props.title : [props.title];
-    document.title = title.concat(props.suffix || config.Title.suffix).filter((t) => !!t).join(props.separator || config.Title.separator);
-  }, []);
+    document.title = title.concat(props.suffix || Title2.suffix).filter((t) => !!t).join(props.separator || Title2.separator);
+  }, [props.title]);
   if (props.h1) {
     if (typeof props.h1 === "boolean")
       return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h1", {
@@ -1279,6 +1280,15 @@ function Title(props) {
       children: Array.isArray(props.title) ? props.title[0] : props.title
     });
   }
+  if (props.plain)
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, {
+      children: Array.isArray(props.title) ? props.title[0] : props.title
+    });
+  if (props.header)
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_antd11.PageHeader, {
+      title: Array.isArray(props.title) ? props.title[0] : props.title,
+      ...props.header
+    });
   if (props.children)
     return (0, import_react14.cloneElement)(props.children, { title: props.title });
   return null;

package/dist/index.mjs

@@ -1255,13 +1255,14 @@ function Table(props) {
 
 // src/Title.tsx
 import { useEffect as useEffect6, cloneElement as cloneElement3 } from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { PageHeader } from "antd";
+import { Fragment as Fragment3, jsx as jsx12 } from "react/jsx-runtime";
 function Title(props) {
-  const config = useConfigContext();
+  const { Title: Title2 } = useConfigContext();
   useEffect6(() => {
     const title = Array.isArray(props.title) ? props.title : [props.title];
-    document.title = title.concat(props.suffix || config.Title.suffix).filter((t) => !!t).join(props.separator || config.Title.separator);
-  }, []);
+    document.title = title.concat(props.suffix || Title2.suffix).filter((t) => !!t).join(props.separator || Title2.separator);
+  }, [props.title]);
   if (props.h1) {
     if (typeof props.h1 === "boolean")
       return /* @__PURE__ */ jsx12("h1", {
@@ -1273,6 +1274,15 @@ function Title(props) {
       children: Array.isArray(props.title) ? props.title[0] : props.title
     });
   }
+  if (props.plain)
+    return /* @__PURE__ */ jsx12(Fragment3, {
+      children: Array.isArray(props.title) ? props.title[0] : props.title
+    });
+  if (props.header)
+    return /* @__PURE__ */ jsx12(PageHeader, {
+      title: Array.isArray(props.title) ? props.title[0] : props.title,
+      ...props.header
+    });
   if (props.children)
     return cloneElement3(props.children, { title: props.title });
   return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "0.0.2-beta.419",
+  "version": "0.0.2-beta.421",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -28,7 +28,7 @@
     "lodash": "*",
     "react": "*",
     "react-dom": "*",
-    "@faasjs/react": "^0.0.2-beta.419",
+    "@faasjs/react": "^0.0.2-beta.421",
     "react-router-dom": "*",
     "dayjs": "*"
   },