@faasjs/ant-design 0.0.2-beta.418 → 0.0.2-beta.420

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';
@@ -145,7 +145,7 @@ declare type DescriptionItemProps<T = any> = {
     render?: (value: T, values: any) => JSX.Element | string | number | boolean | null;
 } & FaasItemProps;
 declare type DescriptionProps<T = any, ExtendItemProps = any> = {
-    title?: ReactNode | ((values: T) => ReactNode);
+    renderTitle?: ((values: T) => ReactNode);
     items: (DescriptionItemProps | ExtendItemProps)[];
     extendTypes?: {
         [key: string]: ExtendDescriptionTypeProps;
@@ -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

@@ -260,6 +260,7 @@ function Description(props) {
   if (!props.faasData)
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd3.Descriptions, {
       ...props,
+      title: (0, import_lodash4.isFunction)(props.renderTitle) ? props.renderTitle(props.dataSource) : props.title,
       children: props.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd3.Descriptions.Item, {
         label: item.title || (0, import_lodash4.upperFirst)(item.id),
         children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DescriptionItemContent, {
@@ -277,7 +278,7 @@ function Description(props) {
     render: ({ data }) => {
       return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd3.Descriptions, {
         ...props,
-        title: (0, import_lodash4.isFunction)(props.title) ? props.title(data) : props.title,
+        title: (0, import_lodash4.isFunction)(props.renderTitle) ? props.renderTitle(data) : props.title,
         children: props.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd3.Descriptions.Item, {
           label: item.title || (0, import_lodash4.upperFirst)(item.id),
           children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DescriptionItemContent, {
@@ -1260,6 +1261,7 @@ 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();
@@ -1278,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

@@ -221,6 +221,7 @@ function Description(props) {
   if (!props.faasData)
     return /* @__PURE__ */ jsx3(Descriptions, {
       ...props,
+      title: isFunction(props.renderTitle) ? props.renderTitle(props.dataSource) : props.title,
       children: props.items.map((item) => /* @__PURE__ */ jsx3(Descriptions.Item, {
         label: item.title || upperFirst2(item.id),
         children: /* @__PURE__ */ jsx3(DescriptionItemContent, {
@@ -238,7 +239,7 @@ function Description(props) {
     render: ({ data }) => {
       return /* @__PURE__ */ jsx3(Descriptions, {
         ...props,
-        title: isFunction(props.title) ? props.title(data) : props.title,
+        title: isFunction(props.renderTitle) ? props.renderTitle(data) : props.title,
         children: props.items.map((item) => /* @__PURE__ */ jsx3(Descriptions.Item, {
           label: item.title || upperFirst2(item.id),
           children: /* @__PURE__ */ jsx3(DescriptionItemContent, {
@@ -1254,7 +1255,8 @@ 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();
   useEffect6(() => {
@@ -1272,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.418",
+  "version": "0.0.2-beta.420",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -28,7 +28,7 @@
     "lodash": "*",
     "react": "*",
     "react-dom": "*",
-    "@faasjs/react": "^0.0.2-beta.418",
+    "@faasjs/react": "^0.0.2-beta.420",
     "react-router-dom": "*",
     "dayjs": "*"
   },