chore(FooterToolbarProps): rename interface

examples/footer-toolbar.tsx

 import { Button, Card, Space, Switch } from 'ant-design-vue';
 import 'ant-design-vue/dist/antd.less';
 import { createApp, reactive } from 'vue';
-import FooterToolbar, { IFooterToolbarProps } from '../src/FooterToolbar';
+import FooterToolbar, { FooterToolbarProps } from '../src/FooterToolbar';
 import { createRouteContext } from '../src/RouteContext';
 
 const DemoComponent = {
@@ -9,7 +9,7 @@ const DemoComponent = {
     const state = reactive({
       name: 'value',
       hasFooterToolbar: 'unset' as string | boolean,
-      toolbarProps: {} as IFooterToolbarProps,
+      toolbarProps: {} as FooterToolbarProps,
     });
     const setToolbarProps = tProps => {
       state.toolbarProps = { ...state.toolbarProps, ...tProps };

src/FooterToolbar/index.tsx

@@ -11,10 +11,10 @@ import { defaultProProviderProps, injectProConfigKey } from '../ProProvider';
 import { RouteContextProps, useRouteContext } from '../RouteContext';
 import './index.less';
 
-export interface IFooterToolbarProps {
+export interface FooterToolbarProps {
   extra?: VNodeChild | JSX.Element;
   renderContent?: (
-    props: this & RouteContextProps & { leftWidth?: string },
+    props: FooterToolbarProps & RouteContextProps & { leftWidth?: string },
     dom: JSX.Element,
   ) => VNodeChild | JSX.Element;
   prefixCls?: string;
@@ -23,7 +23,7 @@ export interface IFooterToolbarProps {
 const FooterToolbarProps = {
   extra: { type: Object as PropType<VNodeChild> },
   renderContent: {
-    type: Function as PropType<IFooterToolbarProps['renderContent']>,
+    type: Function as PropType<FooterToolbarProps['renderContent']>,
   },
   prefixCls: { type: String as PropType<string> },
 };