@ray-js/smart-ui/dist/@types/collapse-item/index.d.ts

轻量、可靠的智能小程序 UI 组件库

/// <reference types="react" />
import { SmartBaseExternalClassName, SmartComponent } from '../base';
export interface SmartCollapseItemProps {
    /**
     * 唯一标识符，默认为索引值
     *
     * @default index
     */
    name?: string | number;
    /**
     * 标题栏左侧内容
     */
    title?: string | number;
    /**
     * 标题栏左侧图标名称或图片链接，可选值见 `Icon` 组件
     */
    icon?: string;
    /**
     * 标题栏右侧内容
     */
    value?: string | number;
    /**
     * 标题栏描述信息
     */
    label?: string;
    /**
     * 是否显示内边框
     *
     * @default true
     */
    border?: boolean;
    /**
     * 是否展示标题栏右侧箭头并开启点击反馈
     *
     * @default true
     */
    isLink?: boolean;
    /**
     * 是否开启点击反馈
     *
     * @default false
     */
    clickable?: boolean;
    /**
     * 是否禁用面板
     *
     * @default false
     */
    disabled?: boolean;
    /**
     * 标题栏大小
     */
    size?: 'large';
}
export interface SmartCollapseItemSlot {
    /**
     * 自定义底部内容
     */
    children?: React.ReactNode;
    /**
     * Empty Slot
     */
    slot?: {
        /**
         * 标题
         */
        title?: React.ReactNode;
        /**
         * icon
         */
        icon?: React.ReactNode;
        /**
         * 值
         */
        value?: React.ReactNode;
        /**
         * 右侧图标
         */
        rightIcon?: React.ReactNode;
    };
}
export interface SmartCollapseItemExternalClassName extends SmartBaseExternalClassName {
    /**
     * 内容样式类
     */
    contentClass?: string;
}
export type SmartCollapseItem = SmartComponent<SmartCollapseItemProps, {}, SmartCollapseItemExternalClassName, SmartCollapseItemSlot>;