mobile-more/es/components/BizAnchorTabs/index.d.ts

基于 antd-mobile v5 扩展移动端 UI 组件

import React from 'react';
import { TabsProps } from 'antd-mobile';
import './index.less';
import { HTMLAttributeWithStyleVariable } from '../../types';
type AnchorItem = {
    /**
     * 唯一标识。
     */
    key: string;
    /**
     * 标题。
     */
    title: React.ReactNode;
    /**
     * 内容。如果使用函数方式，需要在元素中设置 `id`。
     */
    content: React.ReactNode | ((id: string) => React.ReactNode);
};
export interface BizAnchorTabsProps extends HTMLAttributeWithStyleVariable<HTMLDivElement> {
    /**
     * @description 内容项。
     */
    items: AnchorItem[];
    /**
     * @description 自定义渲染内容。如果使用函数方式，需要在元素中设置 `id`。
     * @param dom 内部生成的 `dom`。
     * @returns
     */
    renderItems?: (dom: React.JSX.Element[]) => React.ReactNode;
    /**
     * @description 选项卡组件属性。
     * @see {@link https://mobile.ant.design/zh/components/tabs#tabs|TabsProps}
     */
    tabsProps?: TabsProps;
    /**
     * @description 头部样式。
     */
    headerStyle?: React.CSSProperties;
    /**
     * @description 头部类名。
     */
    headerClassName?: string;
    /**
     * @description 内容样式。
     */
    contentStyle?: React.CSSProperties;
    /**
     * @description 内容类名。
     */
    contentClassName?: string;
}
declare const BizAnchorTabs: React.FC<BizAnchorTabsProps>;
/**
 * @deprecated 即将废弃，请使用 `BizAnchorTabs` 替代。
 */
export declare const AnchorTabs: React.FC<BizAnchorTabsProps>;
/**
 * @deprecated 即将废弃，请使用 `BizAnchorTabsProps` 替代。
 */
export type AnchorTabsProps = BizAnchorTabsProps;
export default BizAnchorTabs;