fix: 3.0.0-beta.6 type

fix: typo

Author: sendya

src/FooterToolbar/index.tsx

@@ -19,10 +19,10 @@ const footerToolbarProps = {
     type: Object as PropType<FooterToolbarProps['extra']>,
   },
   renderContent: {
-    type: Function as PropType<FooterToolbarProps['renderContent']>,
+    type: [Function, Object] as PropType<FooterToolbarProps['renderContent']>,
   },
   getContainer: {
-    type: Function as PropType<FooterToolbarProps['getContainer']>,
+    type: [Function, Object] as PropType<FooterToolbarProps['getContainer']>,
   },
   prefixCls: { type: String as PropType<string> },
 };

src/PageContainer/index.tsx

@@ -1,11 +1,11 @@
-import { FunctionalComponent, VNodeChild, computed, unref } from 'vue';
+import { computed, FunctionalComponent, unref, VNode, VNodeChild } from 'vue';
 /* replace antd ts define */
 import { TabPaneProps } from './interfaces/TabPane';
 import { TabBarExtraContent, TabsProps } from './interfaces/Tabs';
 import { PageHeaderProps } from './interfaces/PageHeader';
 import { AffixProps } from './interfaces/Affix';
 /* replace antd ts define end */
-import { useRouteContext, RouteContextProps } from '../RouteContext';
+import { RouteContextProps, useRouteContext } from '../RouteContext';
 import { getCustomRender } from '../utils';
 import { withInstall } from 'ant-design-vue/es/_util/type';
 import 'ant-design-vue/es/affix/style';
@@ -19,11 +19,11 @@ import Spin from 'ant-design-vue/es/spin';
 import GridContent from '../GridContent';
 import FooterToolbar from '../FooterToolbar';
 import './index.less';
-import { WithFalse } from '../typings';
+import { CustomRender, WithFalse } from '../typings';
 
 export interface Tab {
   key: string;
-  tab: string | VNodeChild | JSX.Element;
+  tab: string | VNode | JSX.Element;
 }
 
 export interface PageHeaderTabConfig {
@@ -59,14 +59,15 @@ export interface PageHeaderTabConfig {
 }
 
 export interface PageContainerProps extends PageHeaderTabConfig, Omit<PageHeaderProps, 'title'> {
-  title?: VNodeChild | JSX.Element | false;
-  content?: VNodeChild | JSX.Element;
-  extraContent?: VNodeChild | JSX.Element;
   prefixCls?: string;
-  footer?: WithFalse<VNodeChild | VNodeChild[] | JSX.Element>;
+
+  title?: WithFalse<VNodeChild | JSX.Element | string>;
+  content?: CustomRender;
+  extraContent?: CustomRender;
+  footer?: VNodeChild | JSX.Element;
   ghost?: boolean;
-  header?: PageHeaderProps | VNodeChild;
-  pageHeaderRender?: (props: PageContainerProps) => VNodeChild | JSX.Element;
+  header?: PageHeaderProps | CustomRender;
+  pageHeaderRender?: (props: PageContainerProps | Record<string, any>) => VNode | JSX.Element;
   affixProps?: AffixProps;
   loading?: boolean;
 }
@@ -110,10 +111,10 @@ const renderFooter = (
 };
 
 const renderPageHeader = (
-  content: VNodeChild | JSX.Element,
-  extraContent: VNodeChild | JSX.Element,
+  content: CustomRender,
+  extraContent: CustomRender,
   prefixedClassName: string,
-): VNodeChild | JSX.Element => {
+): VNode | JSX.Element | null => {
   if (!content && !extraContent) {
     return null;
   }
@@ -140,7 +141,7 @@ const renderPageHeader = (
 const defaultPageHeaderRender = (
   props: PageContainerProps,
   value: RouteContextProps & { prefixedClassName: string },
-): VNodeChild | JSX.Element => {
+): VNode | JSX.Element => {
   const {
     title,
     tabList,

src/PageContainer/interfaces/PageHeader.ts

@@ -1,11 +1,11 @@
-import { VNodeChild, CSSProperties } from 'vue';
+import { VNode, VNodeChild, CSSProperties } from 'vue';
 
 export type ShapeType = 'circle' | 'square';
 
 export type Size = 'large' | 'small' | 'default';
 
 export interface AvatarProps {
-  icon?: VNodeChild | JSX.Element;
+  icon?: VNode | JSX.Element;
   shape?: ShapeType;
   size?: Size;
   src?: string;
@@ -29,3 +29,4 @@ export interface PageHeaderProps {
   onBack?: (e: MouseEvent) => void;
   ghost?: boolean;
 }
+``;

src/typings.ts

@@ -67,11 +67,13 @@ export type WithFalse<T> = T | false;
 export type CustomRender =
   | Slot
   | VNode
-  | ((...props: any) => Slot)
-  | ((...props: any) => VNode)
+  | ((...props: any[]) => Slot)
+  | ((...props: any[]) => VNode)
   | ((...args: any[]) => VNode)
   | VNode[]
   | JSX.Element
-  | null;
+  | string
+  | null
+  | undefined;
 
 export type FormatMessage = (message?: string) => string;