@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
41 lines (40 loc) • 1.5 kB
TypeScript
/**
* 页头组件用于展示标题和操作按钮等内容，常用于页面的头部区域。
*
* @example
* ```tsx
* import { defineComponent, ref } from 'vue';
* import { FPageHeader } from '../../components/page-header';
*
* export default defineComponent({
* name: 'PageHeaderBasic',
* setup() {
* const mainTitle = '报销单管理';
* const items = [
* { id: 'add', text: '新增' },
* { id: 'edit', text: '编辑' }
* ];
* const onClickToolbarItem = (itemId: string) => {
* alert(itemId);
* };
* return () => (
* <FPageHeader title={mainTitle} buttons={items} onClick={(_e: MouseEvent, id: string) => onClickToolbarItem(id)} />
* );
* }
* });
* ```
*
* @public
*/
declare const _default: import("vue").DefineComponent<{
[x: string]: any;
}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "prePaginationClick" | "nextPaginationClick")[], "click" | "prePaginationClick" | "nextPaginationClick", import("vue").PublicProps, Readonly<{
[x: string]: any;
}> & Readonly<{
onClick?: ((...args: any[]) => any) | undefined;
onPrePaginationClick?: ((...args: any[]) => any) | undefined;
onNextPaginationClick?: ((...args: any[]) => any) | undefined;
}>, {
[x: string]: any;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;