shineout/css/Breadcrumb/Props.d.ts

Shein 前端组件库

import * as React from 'react';
import { StandardProps, KeygenType } from '../@types/common';
declare type ReactNode = React.ReactNode;
export declare type StructureArray<T> = Array<T | StructureArray<T>>;
/**
 * @title Breadcrumb
 */
export interface BreadcrumbProps<Item = BreadcrumbData> extends StandardProps {
    /**
     * @en The array of breadcrumb objects, see data
     * @cn 面包屑对象数组,见 data
     * @default []
     * @override any[]
     */
    data?: StructureArray<Item>;
    /**
     * @en A breadcrumb separator which can be strings or custom elements
     * @cn 面包屑分隔符,可以是字符串或自定义的元素
     * @default "/"
     */
    separator?: string | ReactNode;
    /**
     * @en Key generator.When it is true, the data itself is used as the key equivalent to (d => d);When it is a function, use its return value;When it is a string，ues the value of the string.For example, 'id' is the same thing as (d) => d.id.
     * @cn 生成每一项key的辅助方法。为 true 时，以数据项本身作为key，相当于 (d => d)；为函数时，使用此函数返回值；为string时，使用这个string对应的数据值。如 'id'，相当于 (d => d.id)
     * @override union
     */
    keygen?: KeygenType<Item>;
    /**
     * @en Custom render
     * @cn 自定义渲染
     */
    renderItem?: (value: Item) => ReactNode;
}
/**
 * @title BreadcrumbData
 *
 */
export interface BreadcrumbData {
    /**
     * @en The click event
     * @cn 点击事件
     *
     */
    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
    /**
     * @en Displayed content
     * @cn 显示内容
     */
    title?: string | ReactNode;
    /**
     * @en Link address
     * @cn 链接地址，onClick 属性二选一
     */
    url?: string;
    /**
     * @en Custom icon
     * @cn 自定义图标
     */
    icon?: ReactNode;
}
export {};