UNPKG

@ray-js/smart-ui

Version:

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

89 lines (88 loc) 1.92 kB
/// <reference types="miniprogram-api-typings" /> /// <reference types="react" /> import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base'; export interface SmartTabbarProps { /** * 当前选中标签的索引 */ active?: number | string; /** * 是否固定在底部 * * @default true */ fixed?: boolean; /** * 固定在底部时,是否在标签位置生成一个等高的占位元素 * * @default false */ placeholder?: boolean; /** * 是否展示外边框 * * @default true */ border?: boolean; /** * 元素 `zIndex` * * @default 1 */ zIndex?: number; /** * 选中标签的颜色 * * @default '#1989fa' */ activeColor?: string; /** * 未选中标签的颜色 * * @default '#7d7e80' */ inactiveColor?: string; /** * 是否为 iPhoneX 留出底部安全距离 * * @default true */ safeAreaInsetBottom?: boolean; } /** * 切换标签时触发事件 * * @deprecated */ export interface SmartTabbarChangeEvent extends WechatMiniprogram.BaseEvent { /** * 当前选中标签的名称或索引值 */ detail: number | string; } export interface SmartTabbarEvents { /** * 切换标签时触发 */ onChange?: SmartEventHandler<number | string>; } export interface SmartTabbarSlot { /** * NavBar Slot */ slot?: { /** * 默认插槽 */ default?: React.ReactNode; /** * 自定义左侧区域内容 */ left?: React.ReactNode; /** * 自定义右侧区域内容 */ right?: React.ReactNode; }; } export type SmartTabbar = SmartComponent<SmartTabbarProps, SmartTabbarEvents, SmartBaseExternalClassName, SmartTabbarSlot>;