@faasjs/ant-design 0.0.3-beta.32 → 0.0.3-beta.33

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { CSSProperties, ReactNode, ReactElement, LazyExoticComponent, ComponentType } from 'react';
+import { CSSProperties, ReactNode, ReactElement, Component, LazyExoticComponent, ComponentType } from 'react';
 import { Dayjs } from 'dayjs';
 import { FormItemProps as FormItemProps$1, InputProps, InputNumberProps, SwitchProps, SelectProps, DatePickerProps, TimePickerProps, FormInstance, DescriptionsProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, DrawerProps as DrawerProps$1, FormProps as FormProps$1, ButtonProps, ModalProps as ModalProps$1 } from 'antd';
 export { Drawer, Modal } from 'antd';
@@ -152,10 +152,10 @@ type LoadingProps = {
  */
 declare function Loading(props: LoadingProps): JSX.Element;
 
-type FaasDataWrapperProps<T = any> = FaasDataWrapperProps$1<T> & {
+interface FaasDataWrapperProps<T = any> extends FaasDataWrapperProps$1<T> {
     loadingProps?: LoadingProps;
     loading?: JSX.Element;
-};
+}
 /**
  * FaasDataWrapper component with Loading and ErrorBoundary
  */
@@ -306,6 +306,23 @@ declare function useDrawer(init?: DrawerProps): {
     setDrawerProps(changes: Partial<DrawerProps>): void;
 };
 
+interface ErrorBoundaryProps {
+    message?: ReactNode;
+    description?: ReactNode;
+    children?: ReactNode;
+    onError?: (error: Error | null, info: any) => ReactNode;
+}
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, {
+    error?: Error | null;
+    info?: {
+        componentStack?: string;
+    };
+}> {
+    constructor(props: ErrorBoundaryProps);
+    componentDidCatch(error: Error | null, info: any): void;
+    render(): string | number | boolean | react.ReactFragment | JSX.Element;
+}
+
 type FormSubmitProps = {
     /** Default: Submit */
     text?: string;
@@ -377,6 +394,7 @@ interface LinkProps {
     children?: ReactNode;
     style?: CSSProperties;
     button?: ButtonProps;
+    block?: boolean;
 }
 /**
  * Link component with button.
@@ -389,7 +407,7 @@ interface LinkProps {
  * <Link href="/" button={{ type:'primary' }}>Home</Link>
  * ```
  */
-declare function Link({ href, target, text, children, style, button, }: LinkProps): JSX.Element;
+declare function Link(props: LinkProps): JSX.Element;
 
 interface ModalProps extends ModalProps$1 {
     children?: JSX.Element | JSX.Element[] | string;
@@ -478,4 +496,4 @@ interface TitleProps {
  */
 declare function Title(props: TitleProps): JSX.Element;
 
-export { BaseItemProps, BaseOption, Blank, BlankProps, ConfigContext, ConfigProvider, ConfigProviderProps, Description, DescriptionItemContentProps, DescriptionItemProps, DescriptionProps, DrawerProps, ExtendDescriptionItemProps, ExtendDescriptionTypeProps, ExtendFormItemProps, ExtendFormTypeProps, ExtendTableItemProps, ExtendTableTypeProps, ExtendTypes, FaasDataWrapper, FaasDataWrapperProps, FaasItemProps, FaasItemType, FaasItemTypeValue, Form, FormItem, FormItemProps, FormProps, FormSubmitProps, Link, LinkProps, Loading, LoadingProps, ModalProps, PageNotFound, Routes, RoutesProps, Table, TableItemProps, TableProps, Title, TitleProps, UnionFaasItemElement, UnionFaasItemInjection, UnionFaasItemProps, UnionFaasItemRender, UnionScene, setDrawerProps, setModalProps, transferOptions, transferValue, useConfigContext, useDrawer, useModal };
+export { BaseItemProps, BaseOption, Blank, BlankProps, ConfigContext, ConfigProvider, ConfigProviderProps, Description, DescriptionItemContentProps, DescriptionItemProps, DescriptionProps, DrawerProps, ErrorBoundary, ErrorBoundaryProps, ExtendDescriptionItemProps, ExtendDescriptionTypeProps, ExtendFormItemProps, ExtendFormTypeProps, ExtendTableItemProps, ExtendTableTypeProps, ExtendTypes, FaasDataWrapper, FaasDataWrapperProps, FaasItemProps, FaasItemType, FaasItemTypeValue, Form, FormItem, FormItemProps, FormProps, FormSubmitProps, Link, LinkProps, Loading, LoadingProps, ModalProps, PageNotFound, Routes, RoutesProps, Table, TableItemProps, TableProps, Title, TitleProps, UnionFaasItemElement, UnionFaasItemInjection, UnionFaasItemProps, UnionFaasItemRender, UnionScene, setDrawerProps, setModalProps, transferOptions, transferValue, useConfigContext, useDrawer, useModal };

package/dist/index.js

@@ -30,7 +30,8 @@ __export(src_exports, {
   ConfigContext: () => ConfigContext,
   ConfigProvider: () => ConfigProvider,
   Description: () => Description,
-  Drawer: () => import_antd5.Drawer,
+  Drawer: () => import_antd4.Drawer,
+  ErrorBoundary: () => ErrorBoundary,
   FaasDataWrapper: () => FaasDataWrapper,
   Form: () => Form,
   FormItem: () => FormItem,
@@ -163,7 +164,7 @@ function transferValue(type, value) {
 
 // src/Description.tsx
 var import_icons = require("@ant-design/icons");
-var import_antd4 = require("antd");
+var import_antd3 = require("antd");
 var import_lodash_es4 = require("lodash-es");
 var import_react4 = require("react");
 
@@ -193,16 +194,13 @@ function Loading(props) {
 }
 
 // src/FaasDataWrapper.tsx
-var import_antd3 = require("antd");
 var import_jsx_runtime = require("react/jsx-runtime");
 function FaasDataWrapper(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd3.Alert.ErrorBoundary, {
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.FaasDataWrapper, {
-      fallback: props.loading || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Loading, {
-        ...props.loadingProps
-      }),
-      ...props
-    })
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.FaasDataWrapper, {
+    fallback: props.loading || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Loading, {
+      ...props.loadingProps
+    }),
+    ...props
   });
 }
 
@@ -319,7 +317,7 @@ function DescriptionItemContent(props) {
     case "object[]":
       if (!((_a = computedProps.value) == null ? void 0 : _a.length))
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Blank, {});
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Space, {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd3.Space, {
         direction: "vertical",
         children: computedProps.value.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description, {
           items: computedProps.item.object,
@@ -333,11 +331,11 @@ function DescriptionItemContent(props) {
 }
 function Description(props) {
   if (!props.faasData)
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Descriptions, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd3.Descriptions, {
       ...props,
       title: (0, import_lodash_es4.isFunction)(props.renderTitle) ? props.renderTitle(props.dataSource) : props.title,
       children: props.items.map((item) => {
-        return !item.if || item.if(props.dataSource) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Descriptions.Item, {
+        return !item.if || item.if(props.dataSource) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd3.Descriptions.Item, {
           label: item.title || (0, import_lodash_es4.upperFirst)(item.id),
           children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DescriptionItemContent, {
             item,
@@ -350,11 +348,11 @@ function Description(props) {
     });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FaasDataWrapper, {
     render: ({ data }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Descriptions, {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd3.Descriptions, {
         ...props,
         title: (0, import_lodash_es4.isFunction)(props.renderTitle) ? props.renderTitle(data) : props.title,
         children: props.items.map((item) => {
-          return !item.if || item.if(data) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Descriptions.Item, {
+          return !item.if || item.if(data) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd3.Descriptions.Item, {
             label: item.title || (0, import_lodash_es4.upperFirst)(item.id),
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DescriptionItemContent, {
               item,
@@ -371,7 +369,7 @@ function Description(props) {
 }
 
 // src/Drawer.tsx
-var import_antd5 = require("antd");
+var import_antd4 = require("antd");
 var import_react5 = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function useDrawer(init) {
@@ -384,7 +382,7 @@ function useDrawer(init) {
     ...init
   });
   return {
-    drawer: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Drawer, {
+    drawer: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Drawer, {
       ...props
     }),
     drawerProps: props,
@@ -397,15 +395,62 @@ function useDrawer(init) {
   };
 }
 
+// src/ErrorBoundary.tsx
+var import_react6 = require("react");
+var import_antd5 = require("antd");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ErrorBoundary = class extends import_react6.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      error: void 0,
+      info: { componentStack: "" }
+    };
+  }
+  componentDidCatch(error, info) {
+    this.setState({
+      error,
+      info
+    });
+  }
+  render() {
+    const {
+      message,
+      description,
+      children
+    } = this.props;
+    const { error, info } = this.state;
+    const componentStack = info && info.componentStack ? info.componentStack : null;
+    const errorMessage = typeof message === "undefined" ? (error || "").toString() : message;
+    const errorDescription = typeof description === "undefined" ? componentStack : description;
+    if (error) {
+      if (this.props.onError)
+        return this.props.onError(error, info);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Alert, {
+        type: "error",
+        message: errorMessage,
+        description: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+          style: {
+            fontSize: "0.9em",
+            overflowX: "auto"
+          },
+          children: errorDescription
+        })
+      });
+    }
+    return children;
+  }
+};
+
 // src/Form.tsx
-var import_react7 = require("@faasjs/react");
+var import_react8 = require("@faasjs/react");
 var import_antd7 = require("antd");
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/FormItem.tsx
 var import_antd6 = require("antd");
 var import_icons2 = require("@ant-design/icons");
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_lodash_es5 = require("lodash-es");
 var import_jsx_runtime = require("react/jsx-runtime");
 function processProps(propsCopy, config) {
@@ -456,11 +501,11 @@ function processProps(propsCopy, config) {
 }
 function FormItem(props) {
   var _a;
-  const [computedProps, setComputedProps] = (0, import_react6.useState)();
-  const [extendTypes, setExtendTypes] = (0, import_react6.useState)();
+  const [computedProps, setComputedProps] = (0, import_react7.useState)();
+  const [extendTypes, setExtendTypes] = (0, import_react7.useState)();
   const { common: common2 } = useConfigContext();
-  const [hidden, setHidden] = (0, import_react6.useState)(props.hidden || false);
-  (0, import_react6.useEffect)(() => {
+  const [hidden, setHidden] = (0, import_react7.useState)(props.hidden || false);
+  (0, import_react7.useEffect)(() => {
     const propsCopy = { ...props };
     if (propsCopy.extendTypes) {
       setExtendTypes(propsCopy.extendTypes);
@@ -502,14 +547,14 @@ function FormItem(props) {
   if (computedProps.formChildren)
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd6.Form.Item, {
       ...computedProps,
-      children: (0, import_react6.cloneElement)(computedProps.formChildren, { scene: "form" })
+      children: (0, import_react7.cloneElement)(computedProps.formChildren, { scene: "form" })
     });
   if (computedProps.children === null)
     return null;
   if (computedProps.children)
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd6.Form.Item, {
       ...computedProps,
-      children: (0, import_react6.cloneElement)(computedProps.children, { scene: "form" })
+      children: (0, import_react7.cloneElement)(computedProps.children, { scene: "form" })
     });
   if (computedProps.formRender)
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd6.Form.Item, {
@@ -788,13 +833,13 @@ FormItem.useStatus = import_antd6.Form.Item.useStatus;
 var import_jsx_runtime = require("react/jsx-runtime");
 function Form(props) {
   var _a, _b;
-  const [loading, setLoading] = (0, import_react8.useState)(false);
-  const [computedProps, setComputedProps] = (0, import_react8.useState)();
+  const [loading, setLoading] = (0, import_react9.useState)(false);
+  const [computedProps, setComputedProps] = (0, import_react9.useState)();
   const config = useConfigContext();
-  const [extendTypes, setExtendTypes] = (0, import_react8.useState)();
+  const [extendTypes, setExtendTypes] = (0, import_react9.useState)();
   const [form] = import_antd7.Form.useForm(props.form);
-  const [initialValues, setInitialValues] = (0, import_react8.useState)(props.initialValues);
-  (0, import_react8.useEffect)(() => {
+  const [initialValues, setInitialValues] = (0, import_react9.useState)(props.initialValues);
+  (0, import_react9.useEffect)(() => {
     var _a2, _b2, _c;
     const propsCopy = {
       ...props,
@@ -823,7 +868,7 @@ function Form(props) {
         setLoading(true);
         try {
           if (propsCopy.submit && ((_a3 = propsCopy.submit.to) == null ? void 0 : _a3.action)) {
-            await props.onFinish(values, async (values2) => (0, import_react7.faas)(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
+            await props.onFinish(values, async (values2) => (0, import_react8.faas)(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
               ...values2,
               ...propsCopy.submit.to.params
             } : values2));
@@ -837,7 +882,7 @@ function Form(props) {
     } else if (propsCopy.submit && ((_c = propsCopy.submit.to) == null ? void 0 : _c.action)) {
       propsCopy.onFinish = async (values) => {
         setLoading(true);
-        return (0, import_react7.faas)(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
+        return (0, import_react8.faas)(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
           ...values,
           ...propsCopy.submit.to.params
         } : values).then((result) => {
@@ -861,7 +906,7 @@ function Form(props) {
     }
     setComputedProps(propsCopy);
   }, [props]);
-  const onValuesChange = (0, import_react8.useCallback)((changedValues, allValues) => {
+  const onValuesChange = (0, import_react9.useCallback)((changedValues, allValues) => {
     console.debug("Form:onValuesChange", changedValues, allValues);
     if (props.onValuesChange) {
       props.onValuesChange(changedValues, allValues);
@@ -874,7 +919,7 @@ function Form(props) {
         item.onValueChange(changedValues[key], allValues, form);
     }
   }, [computedProps]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!initialValues)
       return;
     console.debug("Form:initialValues", initialValues);
@@ -888,7 +933,7 @@ function Form(props) {
     onValuesChange,
     children: [
       computedProps.beforeItems,
-      (_a = computedProps.items) == null ? void 0 : _a.map((item) => (0, import_react8.isValidElement)(item) ? item : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormItem, {
+      (_a = computedProps.items) == null ? void 0 : _a.map((item) => (0, import_react9.isValidElement)(item) ? item : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormItem, {
         ...item,
         extendTypes
       }, item.id)),
@@ -915,68 +960,67 @@ Form.Provider = import_antd7.Form.Provider;
 var import_react_router_dom = require("react-router-dom");
 var import_antd8 = require("antd");
 var import_jsx_runtime = require("react/jsx-runtime");
-function Link({
-  href,
-  target,
-  text,
-  children,
-  style,
-  button
-}) {
+function Link(props) {
+  var _a, _b, _c, _d;
   const { Link: Link2 } = useConfigContext();
-  style = Object.assign({ cursor: "pointer" }, style);
-  if (href.startsWith("http")) {
-    if (button)
+  props.style = Object.assign({ cursor: "pointer" }, props.style);
+  if (props.block)
+    props.style = Object.assign({
+      display: "block",
+      width: "100%"
+    }, props.style);
+  if (props.href.startsWith("http")) {
+    if (props.button)
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Button, {
-        ...button,
-        target: target || (Link2 == null ? void 0 : Link2.target) || "_blank",
+        ...props.button,
+        target: props.target || (Link2 == null ? void 0 : Link2.target) || "_blank",
         style: {
           ...Link2.style,
-          ...style || {}
+          ...props.style || {}
         },
-        href,
-        children: text != null ? text : children
+        href: props.href,
+        children: (_a = props.text) != null ? _a : props.children
       });
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
-      href,
-      target: target || (Link2 == null ? void 0 : Link2.target) || "_blank",
+      href: props.href,
+      target: props.target || (Link2 == null ? void 0 : Link2.target) || "_blank",
       style: {
         ...Link2.style,
-        ...style || {}
+        ...props.style || {}
       },
-      children: text != null ? text : children
+      children: (_b = props.text) != null ? _b : props.children
     });
   }
-  if (button)
+  if (props.button)
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Link, {
-      to: href,
-      target: target || (Link2 == null ? void 0 : Link2.target),
+      to: props.href,
+      target: props.target || (Link2 == null ? void 0 : Link2.target),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Button, {
-        ...button,
+        ...props.button,
         style: {
           ...Link2.style,
-          ...style || {}
+          ...props.style || {}
         },
-        children: text != null ? text : children
+        children: (_c = props.text) != null ? _c : props.children
       })
     });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Link, {
-    to: href,
-    target: target || (Link2 == null ? void 0 : Link2.target),
+    to: props.href,
+    target: props.target || (Link2 == null ? void 0 : Link2.target),
     style: {
       ...Link2.style,
-      ...style || {}
+      ...props.style || {}
     },
-    children: text != null ? text : children
+    children: (_d = props.text) != null ? _d : props.children
   });
 }
 
 // src/Modal.tsx
 var import_antd9 = require("antd");
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function useModal(init) {
-  const [props, setProps] = (0, import_react9.useState)({
+  const [props, setProps] = (0, import_react10.useState)({
     open: false,
     onCancel: () => setProps((prev) => ({
       ...prev,
@@ -1000,7 +1044,7 @@ function useModal(init) {
 
 // src/Routers.tsx
 var import_antd10 = require("antd");
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_react_router_dom2 = require("react-router-dom");
 var import_jsx_runtime = require("react/jsx-runtime");
 function PageNotFound() {
@@ -1016,7 +1060,7 @@ function Routes(props) {
       children: [
         props.routes.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom2.Route, {
           ...r,
-          element: r.element || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react10.Suspense, {
+          element: r.element || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react11.Suspense, {
             fallback: props.fallback || /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
               style: { padding: "24px" },
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Skeleton, {
@@ -1036,7 +1080,7 @@ function Routes(props) {
 }
 
 // src/Table.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_antd11 = require("antd");
 var import_dayjs2 = __toESM(require("dayjs"));
 var import_icons3 = require("@ant-design/icons");
@@ -1067,9 +1111,9 @@ function processValue(item, value) {
   return value;
 }
 function Table(props) {
-  const [columns, setColumns] = (0, import_react11.useState)();
+  const [columns, setColumns] = (0, import_react12.useState)();
   const { common: common2 } = useConfigContext();
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     var _a;
     for (const item of props.items) {
       if (!item.key)
@@ -1093,7 +1137,7 @@ function Table(props) {
       if (item.tableChildren === null)
         item.render = () => null;
       else if (item.tableChildren)
-        item.render = (value, values) => (0, import_react11.cloneElement)(
+        item.render = (value, values) => (0, import_react12.cloneElement)(
           item.tableChildren,
           {
             scene: "table",
@@ -1104,7 +1148,7 @@ function Table(props) {
       else if (item.children === null)
         item.render = () => null;
       else if (item.children)
-        item.render = (value, values) => (0, import_react11.cloneElement)(
+        item.render = (value, values) => (0, import_react12.cloneElement)(
           item.children,
           {
             scene: "table",
@@ -1114,7 +1158,7 @@ function Table(props) {
         );
       if (props.extendTypes && props.extendTypes[item.type]) {
         if (props.extendTypes[item.type].children)
-          item.render = (value, values) => (0, import_react11.cloneElement)(
+          item.render = (value, values) => (0, import_react12.cloneElement)(
             props.extendTypes[item.type].children,
             {
               scene: "table",
@@ -1365,7 +1409,7 @@ function Table(props) {
     }
     setColumns(props.items);
   }, [props.items]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!props.dataSource || !columns)
       return;
     for (const column of columns) {
@@ -1411,8 +1455,8 @@ function FaasDataTable({
   params,
   reload
 }) {
-  const [currentColumns, setCurrentColumns] = (0, import_react11.useState)(columns);
-  (0, import_react11.useEffect)(() => {
+  const [currentColumns, setCurrentColumns] = (0, import_react12.useState)(columns);
+  (0, import_react12.useEffect)(() => {
     if (!data || Array.isArray(data))
       return;
     setCurrentColumns((prev) => {
@@ -1492,11 +1536,11 @@ function FaasDataTable({
 }
 
 // src/Title.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function Title(props) {
   const { Title: Title2 } = useConfigContext();
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const title = Array.isArray(props.title) ? props.title : [props.title];
     document.title = title.concat(props.suffix || Title2.suffix).filter((t) => !!t).join(props.separator || Title2.separator);
   }, [props]);
@@ -1516,7 +1560,7 @@ function Title(props) {
       children: Array.isArray(props.title) ? props.title[0] : props.title
     });
   if (props.children)
-    return (0, import_react12.cloneElement)(props.children, { title: props.title });
+    return (0, import_react13.cloneElement)(props.children, { title: props.title });
   return null;
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -1526,6 +1570,7 @@ function Title(props) {
   ConfigProvider,
   Description,
   Drawer,
+  ErrorBoundary,
   FaasDataWrapper,
   Form,
   FormItem,